... > HTML,CSS > Изменение цвета текста...

Изменение цвета текста и фона элементов в CSS

НАВИГАЦИЯ ПО СТРАНИЦЕ

Изменение цвета текста Изменение цвета фона

Для изменения цвета текста и фона элементов на веб-странице, вы можете использовать свойства color и background-color в правилах CSS. Вот примеры изменения цвета текста и фона для элементов:

Изменение цвета текста:

/* Изменение цвета текста для заголовка h1 */
h1 {
    color: blue; /* Синий цвет текста */
}

/* Изменение цвета текста для абзацев */
p {
    color: #FF0000; /* Красный цвет текста с использованием шестнадцатеричного кода цвета */
}

/* Изменение цвета текста для элемента с классом "highlight" */
.highlight {
    color: green; /* Зеленый цвет текста */
}

Изменение цвета фона:

/* Изменение цвета фона для заголовка h1 */
h1 {
    background-color: yellow; /* Желтый фон */
}

/* Изменение цвета фона для абзацев */
p {
    background-color: #00FF00; /* Зеленый фон с использованием шестнадцатеричного кода цвета */
}

/* Изменение цвета фона для элемента с классом "highlight" */
.highlight {
    background-color: #CCCCCC; /* Серый фон */
}

Вы можете использовать различные форматы для определения цвета, включая названия цветов (например, "red", "blue"), шестнадцатеричные коды цветов (например, "#FF0000" для красного), RGB (например, "rgb(255, 0, 0)" для красного) и многие другие.

Примените эти стили к соответствующим элементам на вашей веб-странице, и вы сможете контролировать цвет текста и фона, чтобы создать желаемый дизайн.