Как установить цвет текста и переднего плана с помощью свойства цвета каскадных таблиц стилей

April 26, 2024

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

и закрытие

теги к черному и цвет для элемента к красному.

Основной код CSS

пример

текст идет сюда

Ваша электронная почта

…

Каждое правило CSS содержит селектор и блок объявления. Блок объявления CSS помещается между открывающими {и закрывающими} фигурными скобками и содержит одну или несколько пар свойство-значение для каждого селектора.

Селекторы

п
форма

Первое правило CSS в нашем примере управляет цветом текста между

теги на нашей веб-странице. Р в

tag является селектором для этого правила и говорит браузеру установить текст на черный цвет. Второе правило использует селектор элемента формы для тега, чтобы установить красный цвет текста «Ваш адрес электронной почты».

свойства

цвет:

Свойство color - это атрибут, который устанавливает цвет для текста и цвета переднего плана. В нашем примере свойство color используется для установки цвета для элементов p и формы. Обратите внимание, что за именем свойства следует двоеточие (:).

Ценности

#000000;
красный;

Вы можете использовать имя цвета, шестнадцатеричный код цвета или код цвета RGB, чтобы установить значение цвета. В нашем примере мы использовали шестнадцатеричный код цвета (# 000000) для элемента p и имя цвета (красный) для элемента формы. Мы могли бы также использовать цветовой код RGB rgb (100%, 0%, 0%). Обратите внимание, что за значением цвета следует точка с запятой (;).

Видео инструкция: CSS Как растянуть фон на весь экран (April 2024).

Как установить цвет текста и переднего плана с помощью свойства цвета каскадных таблиц стилей, HTML, свойства цвета CSS, как использовать свойство цвета, как установить цвет текста на веб-странице с помощью CSS, как установить цвет горизонтальное правило на веб-странице с CSS, как использовать CSS, чтобы установить цвет элемента формы

Предыдущая статья

Следующая статья

Flash Catalyst - рабочая область

April 2024

В нашем портфолио-проекте мы создали графику для нашего портфолио-интерфейса в Photoshop.р и импортировал PSD-файл в Adobeр вспышкар катализаторTM, Теперь мы готовы сделать кнопки (называемые...

компьютеры

Брендинг вашего канала YouTube

April 2024

Поскольку видеомаркетинг на YouTube становится очень важной частью маркетингового плана любой компании, отсутствие рекламы вашего канала на YouTube будет ошибкой. Давайте выясним, что вы можете...