Цвет текста и фона в CSS

Цвет тескста


Цвет текста того или иного элемента задает свойство color.

Например, если мы хотим задать цвет для заголовков первого уровня красный, а цвет параграфов (абзацев) синий, то в нашей таблице стилей (файл style.css) мы должны прописать следующее:

h1 {
color: red;
}
p {
color: blue;
}

 

Цвет фона

Цвет фона того или иного элемента задает свойство background-color.

В отличии от HTML, где цвет фона можно задавать только для страницы целиком или для ячейки таблицы (для элементов, имеющих атрибут bgcolor), в CSS цвет фона можно задать для любого элемента, будь то загаловки, параграфы, ссылки и др.

Чтобы задать цвет фона всей странице, соответствующее правило нужно прописаит для элемента body. Именно этот элемент отвечает за тело документа, т.е. за всю видимую пользователю страницу.

body {
background-color: #FFCCFF;
}
h1 {
color: red;
background-color: silver;
}
p {
color: blue;
}

 

Фоновый рисунок

Чтобы задать фоновое изображение для какого-либо элемента, применяется свойство background-image. В качестве значения используется путь к графическому файлу, заключенный в скобки.

 

Точно так же, как с цветом фона, фоновое изображение можно задать для любого элемента. В примере фоновое изображение будет задано для элемента body, т.е. для всей страницы:

body {
background-color:#FFCCFF;
background-image: url(../images/bat.gif);
}
h1 {
color: red;
background-color:silver;
}
p {
color: blue;
}