CSS цветови кодове

CSS цветови кодове и имена.

• Червени цветове
• Оранжеви цветове
• Жълти цветове
• Зелени цветове
• Сини цветове
• Сини цветове
• Лилави цветове
• Розови цветове
• Бели цветове
• Сиви цветове
• Кафяви цветове

CSS цвят

Цветовият код може да бъде един от:

Шестнадесетичен формат: #rrggbb

RGB формат: rgb (червен, зелен, син)

Формат на име : име

Пример

За оранжев цвят:

Шестнадесетичен формат: # FFA500

RGB формат: rgb (255,165,0)

Формат на име: оранжев

Задаване на цвят на елемента

За конкретен елемент:

<element style="color: code;"/</element/

За всички елементи от един и същи тип. Поставете код в таг <style/ в секцията head:

<style/
   element { color: code; }
</style/

Пример

Задаване на цвят на текста на абзаца на червен:

Задаване на цвят на конкретен абзац:

<p style="color: #FF0000;"/Some text ...</p/

Изглед:

Малко текст ...

Задаване на цвят на всички параграфи

<style>
   p { color: #FF0000; }
</style>

Задаване на цвят на фона на елемента

element { background: code; }

Пример

Задаване на цвят на фона на абзаца на червен:

Задаване на цвят на фона на конкретен абзац:

<p style="background: #FF0000;">Some text ...</p>

Изглед:

Малко текст ...

Задаване на цвят на фона на всички параграфи:

<style>
   p { background: #FF0000; }
</style>

Задаване на цвят на границата на елемента

element { border-color: topcode rightcode bottomcode leftcode }

Пример

Задаване на цвят на границата на абзаца на червено, зелено, синьо и черно:

Задаване на цвят на границата на конкретен абзац:

<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>

Изглед:

Малко текст ...

Задаване на цвят на границата на всички параграфи:

<style>
   p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>

Червени цветове

Оранжеви цветове

Жълти цветове

Зелени цветове

Сини цветове

Сини цветове

Лилави цветове

Розови цветове

Бели цветове

Сиви цветове

Кафяви цветове

Вижте също

• CSS навигационна лента