|
Цвет в CSS можно устанавливать тремя способами:
- используя наименования цвета (p {color:blue})
- используя шестнадцатеричное значение системы RGB (p {color:#D7DFE0})
- используя десятичное значение системы RGB (p {color:rgb(15,242,128)} или
p {color:rgb(75%;,30%,80%)})
| Свойство | Значение | Описание | Пример |
|---|
color
Цвет текста | Цвет | Устанавливает цвет текста | p {color:#D7DFE0} |
background-color
Цвет фона | Цвет | Сплошной цвет |
body{background-color:#D722E0} |
| transparent | Прозрачный фон |
background-image
Цвет фона | URL | Адрес рисунка |
body{background-image:risunok.gif} |
| none | Нет рисунка (по умолчанию) |
background-repeat
Повторяемость фонового рисунка | repeat |
Повторяет рисунок по горизонтали и вертикали | body{background-repeat:repeat-x} |
| repeat-x | Повторяет рисунок по горизонтали |
| repeat-y | Повторяет рисунок по вертикали |
| no-repeat | Не повторяет рисунок |
background-attachment
Прокручиваемость фона | scroll |
Фон прокручивается (по умолчанию) | body{background-image:risunok.gif;background-attachment:fixed} |
| fixed | Фон не прокручивается |
background-position
Положение фонового рисунка | Проценты |
Положение фонового рисунка относительно левого верхнего угла блока |
body{background-position:left top} |
| Единица длины |
| top |
| center |
| bottom |
| left |
| right |
| 