Как да зададете цвета на текста и предния план със свойството Цвят на каскадни таблици за стил

Април 20, 2024

Можете да контролирате цвета на текста на уеб страница или раздел (или елемент) на уеб страница с цветното свойство Cascading Style Sheets. Освен да контролирате цвета на текста, можете също да използвате свойството цвят CSS, за да зададете цвета за хоризонталните правила и елементите на формата. Нека да разгледаме пример, който използва свойството цвят, за да зададе текста в отвора

и затваряне

етикети към черно и цвета на елемента към червено.

Основен CSS код

пример

текст отива тук

Вашата електронна поща

…

Всяко CSS правило съдържа селектор и декларационен блок. CSS блокът за деклариране е поставен между отварящи се {и затварящи} къдрави скоби и съдържа една или повече двойки стойност-стойност за всеки селектор.

селектори

р
форма

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

тагове на нашата уеб страница. The p в

tag е селекторът за това правило и казва на браузъра да зададе текста на черния цвят. Второто правило използва селектора на формулярния елемент за маркера, за да зададе червения цвят на текста „Вашият имейл адрес“.

Имоти

цвят:

Свойството за цвят е атрибутът, който задава цвета за цвета на текста и предния план. В нашия пример цветното свойство се използва за задаване на цвета както за елементите p, така и за формата. Забележете, че името на свойството е последвано от двоеточие (:).

Стойности

#000000;
червен;

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

Инструкции Видео: Ценността на вниманието Практически съвети (Април 2024).

Как да зададете цвета на текста и предния план с свойството на цвета на каскадни таблици на стила, HTML, цветното свойство на CSS, как да използвате свойството цвят, как да зададете цвета на текста на уеб страница с CSS, как да зададете цвета на хоризонтално правило на уеб страница с CSS, как да използвате CSS, за да зададете цвета на елемента на формата

Предишна Статия

Следваща Статия

Свързани Статии

компютри

Warhammer 40,000: Зората на войната 2: Възмездие

Април 2024

Второто разширение до „Зората на войната 2“, Възмездието предлага нова фракция и нова кампания. По-скоро е същото, но едва ли това е лошо нещо. Основната нова функция в „Възмездието“ е добавянето на...

компютри

Специфичен за браузъра код за IE и Netscape

Април 2024

Ако създавате уебсайт, важно е да разберете разликите между IE - Internet Explorer - и Netscape и код и за двете. Първото нещо, което трябва да направите, е да разберете какъв тип браузър използва...