Содержание

Как установить цвет страницы HTML

Для того, чтобы изменить цветовой фон страницы применяется тег bgcolor=»#цвет». Вместо слова цвет вставляются цвета HTML модели RGB, из 3 основных цветов — красный, зеленый, синий. Каждый цвет состоит из 2 знаков от 0 до 9или букв от A до F.

    Пример записи черного цвета — «#000000»,
белого — «#FFFFFF»,
красного — «#FF0000»,
зеленого — «#33CC00»,
желтого — «#FFFF00».

Что бы установить цвет фона всей страницы пишем : <body bgcolor=»#??????»> (порядок: красный/ зеленый/ синий). Тег bgcolor также вставляется в тот тег, который вы хотите изменить. Например
<tr bgcolor=»#0000FF»> или <td bgcolor=»#58F786″>.

Можно сделать фоном картинку или фото <body background=»?»> Чтобы изменить цвет текста на всей странице применяется параметр — text. Его надо вставить в тег<body text=»#FF0000″>. Если вам надо изменить цвет определенного участка текста надо применить тег

<font> </font>. Запись этого будет такая<font color=»#FF0000″> текст </font>.

Если вы хотите изменить цвет гиперссылок, то этот параметр записывается так:
<body link=»#FF0000″>.Также вы можете задать цвет активной ссылки <body alink=»#цвет»> и пройденной ссылки <body vlink=»#цвет»>

Таблица основных цветов в HTML

Имя
Значение
Цвет
aliceblue #F0F8FF  
antiquewhite #FAEBD7  
aquamarine #7FFFD4  
azure #F0FFFF
 
beige #F5F5DC  
bisque #FFE4C4  
black #000000  
blanchedalmond #FFEBCD  
blue #0000FF  
blueviolet #8A2BE2  
brown #A52A2A  
burlywood #DEB887  
cadetblue #5F9EA0  
chartreuse #7FFF00  
chocolate #D2691E  
coral #FF7F50  
cornflowerblue #6495ED  
cornsilk #FFF8DC  
crimson #DC143C  
cyan #00FFFF  
darkblue #00008B  
darkcyan #008B8B  
darkgoldenrod #B8860B  
darkgray #A9A9A9  
darkgreen #006400  
darkkhaki #BDB76B  
darkmagenta #8B008B  
darkolivegreen #556B2F
 
darkorange #FF8C00  
darkorchid #9932CC  
darkred #8B0000  
darksalmon #E9967A  
darkseagreen #8FBC8F  
darkslateblue #483D8B  
darkslategray #2F4F4F  
darkturquoise #00CED1  
darkviolet #9400D3
 
deeppink #FF1493  
deepskyblue #00BFFF  
dimgray #696969  
dodgerblue #1E90FF  
firebrick #B22222
 
floralwhite #FFFAF0  
forestgreen #228B22  
fuchsia #FF00FF  
gainsboro #DCDCDC  
ghostwhite
#F8F8FF
 
gold #FFD700  
goldenrod #DAA520  
gray #808080  
green #008000  
greenyellow
#ADFF2F
 
honeydew #F0FFF0  
hotpink #FF69B4  
indianred #CD5C5C  
indigo #4B0082  
ivory #FFFFF0  
khaki #F0E68C  
lavender #E6E6FA  
lavenderblush #FFF0F5  
lawngreen #7CFC00  
lemonchiffon #FFFACD  
lightblue #ADD8E6  
lightcoral #F08080  
lightcyan #E0FFFF  
lightgoldenrodyellow #FAFAD2  
lightgreen #90EE90  
lightgrey #D3D3D3  
lightpink #FFB6C1  
lightsalmon #FFA07A  
lightseagreen #20B2AA  
lightskyblue #87CEFA  
lightslategray #778899  
lightsteelblue #B0C4DE  
lightyellow #FFFFE0  
lime #00FF00  
limegreen #32CD32  
linen #FAF0E6  
magenta #FF00FF  
maroon #800000  
mediumaquamarine #66CDAA  
mediumblue #0000CD  
mediumorchid #BA55D3  
mediumpurple #9370DB  
mediumseagreen #3CB371  
mediumslateblue #7B68EE  
mediumspringgreen #00FA9A  
mediumturquoise #48D1CC  
mediumvioletred #C71585  
midnightblue #191970  
mintcream #F5FFFA  
mistyrose #FFE4E1  
moccasin #FFE4B5  
navajowhite #FFDEAD  
navy #000080  
oldlace #FDF5E6  
olive #808000  
olivedrab #6B8E23  
orange #FFA500  
orangered #FF4500  
orchid #DA70D6  
palegoldenrod #EEE8AA  
palegreen #98FB98  
paleturquoise #AFEEEE  
palevioletred #DB7093  
papayawhip #FFEFD5  
peachpuff #FFDAB9  
peru #CD853F  
pink #FFC0CB  
plum #DDA0DD  
powderblue #B0E0E6  
purple #800080  
red #FF0000  
rosybrown #BC8F8F  
royalblue #4169E1  
saddlebrown #8B4513  
salmon #FA8072  
sandybrown #F4A460  
seagreen #2E8B57  
seashell #FFF5EE  
sienna #A0522D  
silver #C0C0C0  
skyblue #87CEEB  
slateblue #6A5ACD  
slategray #708090  
snow #FFFAFA  
springgreen #00FF7F  
steelblue #4682B4  
tan #D2B48C  
teal #008080  
thistle #D8BFD8  
tomato #FF6347  
turquoise #40E0D0  
violet #EE82EE  
wheat #F5DEB3  
white #FFFFFF  
whitesmoke #F5F5F5  
yellow #FFFF00  
yellowgreen #9ACD32  

HTML цвета

Вы здесь: Главная — HTML — HTML Основы — HTML цвета

Существует несколько различных вариантов представления цвета.

Вот их список:

  • RGB — Red Green Blue (Красный Зелёный Синий)
  • HSL — Hue Saturation Lightness (Тон Насыщенность Светлость)
  • CMYK — Cyan Magenta Yellow blacK (Голубой Пурпурный Жёлтый Чёрный)

Самой популярной является цветовая модель — RGB. Именно её при создании сайта на HTML и используют.Модель RGB содержит три составляющих цвета (красную, зелёную и синюю), поэтому для определения цвета необходимо их все задать. Значение каждой составляющей варьируется от 0 до 255 или 0 до $FF (в шестнадцатиричной системе счисления).

Цвет в HTML можно задать либо словесным способом, либо напрямую записать шестизначное шестнадцатеричное число в формате #RRGGBB (HEX). Где вместо RR, GG и BB подставляются конкретные значения от 00 до FF, чем больше число, тем сильнее содержимое данной составляющей в цвете.

Различные цвета в HEX:

000000 000020 000040 000060 000080 0000a0 0000c0 0000ff
002000 002020 002040 002060 002080 0020a0 0020c0 0020ff
004000 004020 004040 004060 004080 0040a0 0040c0 0040ff
006000 006020 006040 006060 006080 0060a0 0060c0 0060ff
008000 008020 008040 008060 008080 0080a0 0080c0 0080ff
00a000 00a020 00a040 00a060 00a080 00a0a0 00a0c0 00a0ff
00c000 00c020 00c040 00c060 00c080 00c0a0 00c0c0 00c0ff
00ff00 00ff20 00ff40 00ff60 00ff80 00ffa0 00ffc0 00ffff
200000 200020 200040 200060 200080 2000a0 2000c0 2000ff
202000 202020 202040 202060 202080 2020a0 2020c0 2020ff
204000 204020 204040 204060 204080 2040a0 2040c0 2040ff
206000 206020 206040 206060 206080 2060a0 2060c0 2060ff
208000 208020 208040 208060 208080 2080a0 2080c0 2080ff
20a000 20a020 20a040 20a060 20a080 20a0a0 20a0c0 20a0ff
20c000 20c020 20c040 20c060 20c080 20c0a0 20c0c0 20c0ff
20ff00 20ff20 20ff40 20ff60 20ff80 20ffa0 20ffc0 20ffff
400000 400020 400040 400060 400080 4000a0 4000c0 4000ff
402000 402020 402040 402060 402080 4020a0 4020c0 4020ff
404000 404020 404040 404060 404080 4040a0 4040c0 4040ff
406000 406020 406040 406060 406080 4060a0 4060c0 4060ff
408000 408020 408040 408060 408080 4080a0 4080c0 4080ff
40a000 40a020 40a040 40a060 40a080 40a0a0 40a0c0 40a0ff
40c000 40c020 40c040 40c060 40c080 40c0a0 40c0c0 40c0ff
40ff00 40ff20 40ff40 40ff60 40ff80 40ffa0 40ffc0 40ffff
600000 600020 600040 600060 600080 6000a0 6000c0 6000ff
602000 602020 602040 602060 602080 6020a0 6020c0 6020ff
604000 604020 604040 604060 604080 6040a0 6040c0 6040ff
606000 606020 606040 606060 606080 6060a0 6060c0 6060ff
608000 608020 608040 608060 608080 6080a0 6080c0 6080ff
60a000 60a020 60a040 60a060 60a080 60a0a0 60a0c0 60a0ff
60c000 60c020 60c040 60c060 60c080 60c0a0 60c0c0 60c0ff
60ff00 60ff20 60ff40 60ff60 60ff80 60ffa0 60ffc0 60ffff
800000 800020 800040 800060 800080 8000a0 8000c0 8000ff
802000 802020 802040 802060 802080 8020a0 8020c0 8020ff
804000 804020 804040 804060 804080 8040a0 8040c0 8040ff
806000 806020 806040 806060 806080 8060a0 8060c0 8060ff
808000 808020 808040 808060 808080 8080a0 8080c0 8080ff
80a000 80a020 80a040 80a060 80a080 80a0a0 80a0c0 80a0ff
80c000 80c020 80c040 80c060 80c080 80c0a0 80c0c0 80c0ff
80ff00 80ff20 80ff40 80ff60 80ff80 80ffa0 80ffc0 80ffff
a00000 a00020 a00040 a00060 a00080 a000a0 a000c0 a000ff
a02000 a02020 a02040 a02060 a02080 a020a0 a020c0 a020ff
a04000 a04020 a04040 a04060 a04080 a040a0 a040c0 a040ff
a06000 a06020 a06040 a06060 a06080 a060a0 a060c0 a060ff
a08000 a08020 a08040 a08060 a08080 a080a0 a080c0 a080ff
a0a000 a0a020 a0a040 a0a060 a0a080 a0a0a0 a0a0c0 a0a0ff
a0c000 a0c020 a0c040 a0c060 a0c080 a0c0a0 a0c0c0 a0c0ff
a0ff00 a0ff20 a0ff40 a0ff60 a0ff80 a0ffa0 a0ffc0 a0ffff
c00000 c00020 c00040 c00060 c00080 c000a0 c000c0 c000ff
c02000 c02020 c02040 c02060 c02080 c020a0 c020c0 c020ff
c04000 c04020 c04040 c04060 c04080 c040a0 c040c0 c040ff
c06000 c06020 c06040 c06060 c06080 c060a0 c060c0 c060ff
c08000 c08020 c08040 c08060 c08080 c080a0 c080c0 c080ff
c0a000 c0a020 c0a040 c0a060 c0a080 c0a0a0 c0a0c0 c0a0ff
c0c000 c0c020 c0c040 c0c060 c0c080 c0c0a0 c0c0c0 c0c0ff
c0ff00 c0ff20 c0ff40 c0ff60 c0ff80 c0ffa0 c0ffc0 c0ffff
ff0000 ff0020 ff0040 ff0060 ff0080 ff00a0 ff00c0 ff00ff
ff2000 ff2020 ff2040 ff2060 ff2080 ff20a0 ff20c0 ff20ff
ff4000 ff4020 ff4040 ff4060 ff4080 ff40a0 ff40c0 ff40ff
ff6000 ff6020 ff6040 ff6060 ff6080 ff60a0 ff60c0 ff60ff
ff8000 ff8020 ff8040 ff8060 ff8080 ff80a0 ff80c0 ff80ff
ffa000 ffa020 ffa040 ffa060 ffa080 ffa0a0 ffa0c0 ffa0ff
ffc000 ffc020 ffc040 ffc060 ffc080 ffc0a0 ffc0c0 ffc0ff
ffff00 ffff20 ffff40 ffff60 ffff80 ffffa0 ffffc0 ffffff

Как видите HTML цвета являются не сложной темой, а подобрать их можно хотя бы из таблицы выше. А как использовать цвета, подробно описывалось в соответствующей статье в категории основы языка HTML.

  • Создано 06.07.2010 14:32:05
  • Михаил Русаков
Предыдущая статья Следующая статья

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:
    <a href=»https://myrusakov.ru» target=»_blank»><img src=»https://myrusakov.ru/images/button.gif» alt=»Как создать свой сайт» /></a>

    Она выглядит вот так:

  2. Текстовая ссылка:
    <a href=»https://myrusakov.ru» target=»_blank»>Как создать свой сайт</a>

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):
    [URL=»https://myrusakov.ru»]Как создать свой сайт[/URL]

background-color — цвет фона | CSS справочник

Поддержка браузерами

12.0+ 4.0+ 1.0+ 1.0+ 3.5+ 1.0+

Описание

CSS свойство background-color устанавливает цвет фона для элемента. Фон охватывает общий размер элемента, включая внутренние отступы и рамки (не распространяясь на внешний отступ — margin).

Обратите внимание, что по умолчанию фон не наследуется от родительского элемента, однако дочерние элементы, благодаря прозрачности своего фона (задано по умолчанию), будут содержать часть фона родительского элемента.

Цвет фона можно установить различными способами, к примеру: указать имя цвета, использовать шестнадцатеричные значения или с помощью синтаксиса RGB, как именно это сделать, вы можете увидеть в примере ниже, где показано применение различных способов задания цвета фона. Все доступные названия цветов, их шестнадцатеричные значения и визуальное отображение оттенка вы можете посмотреть в таблице цветов.

Примечание: если добавить свойство background-color к тегу <body>, цвет заполнит все окно браузера. Однако если так же добавить цвет фона для тега <html>, то фон элемента <body> будет заполнять только область с содержимым, если оно есть.

Совет: вместо монотонного цвета, в качестве фона, можно использовать любое изображение, для этого стоит воспользоваться свойством background-image. Так же стоит обратить внимание на свойство background-clip, используемое для определения области в элементе, на которую будет распространяться фон.

Значение по умолчанию: transparent
Применяется: ко всем элементам
Анимируется: да
Наследуется: нет
Версия: CSS1
Синтаксис JavaScript: object.style.backgroundColor=»#00FF00″

Синтаксис

background-color: цвет|transparent|inherit;

Значения свойства

Значение Описание
цвет Цвет фона можно установить различными способами: указать имя цвета, использовать шестнадцатеричные значения, с помощью синтаксиса rgb (rgba) или hsl (hsla).
transparent Указывает, что фон будет прозрачным.
inherit Указывает, что значение наследуется от родительского элемента.

Пример

div {
border-style: solid;
border-bottom-width: thin;
}

dzekson — урок 11 цвета


11

html — атрибут bgcolor

Атрибут bgcolor используется , чтобы задать цвет фона элементов HTML .

Без особых усилий мы можем добавить нашим скучным , белым веб-страницам немного оживления(красочности) с помощью

атрибута — зададим цвет фона нашей страницы .

html — bgcolor код :

<body bgcolor="silver">
<p> Эта страница теперь имеет СЕРЕБРИСТЫЙ фон!</p>
</body>

результат :

 Эта страница теперь имеет СЕРЕБРИСТЫЙ фон!

html — веб-цвета

В нашем примере выше для задания цвета фона страницы использовано текстовое значение , которое является одним из трех типов значений цвета , которые могут быть использованы с атрибутом bgcolor /

Ниже приведена таблица 16-ти базовых(текстовых) цветов , которые доступны веб-дизайнеру .

html — основные цвета :

BlackGraySilverWhite
YellowLimeAquaFuchsia
RedGreenBluePurple
MaroonOliveNavyTeal

В время как таблица выше показывает только 16 цветов — это безусловно не предел для нашего кругозора .

Как мы уже упоминали выше html поддерживает три различных типа цветовых значений: 1. текстовые значения (о которых было сказано выше) 2. числовые 3. шестнадцатеричные значения .

Ниже мы поговорим немного более подробно об этих значениях .

В следующем примере мы покажем как эти значения могут выглядеть .

html — код :

<table bgcolor="#ff0000" border="1"><tr>
<td>Красный цвет фона таблицы с помощью шестнадцатеричных значений "#FF0000".</td>
</tr></table>

<table bgcolor="rgb(0, 0, 255)" border="1"><tr>
<td>синий цвет фона таблицы, используя числовые значения RGB rgb(0, 0, 255)".</td>
</tr></table>

<table bgcolor="lime" border="1"><tr>
<td> Лайм цвет фона таблицы, используя имена цветов.</td>
</tr></table>

результат :

Лайм цвет фона таблицы, используя имена цветов.
Красный цвет фона таблицы с помощью шестнадцатеричных значений «#FF0000».
Синий цвет фона таблицы, используя числовые значения RGB rgb(0, 0, 255)».

html — раскраска шрифта , таблицы , строк и столбцов таблицы .

Вот несколько типичных примеров bgcolor в действии :

код:

<table>
<tr bgcolor="#FFFF00"><td>Эта Строка Желтая!</td></tr>
<tr bgcolor="#AAAAAA"><td>Эта Строка Серая!</td></tr>
<tr bgcolor="#FFFF00"><td>Эта Строка Желтая!</td></tr>
<tr bgcolor="#AAAAAA"><td>Эта Строка Серая!</td></tr>
<tr bgcolor="#FFFF00"><td>Эта Строка Желтая!</td></tr>
<tr bgcolor="#AAAAAA"><td>Эта Строка Серая!</td></tr>
</table>

результат- чередующие строки таблицы :

Эта Строка Желтая!
Эта Строка Серая!
Эта Строка Желтая!
Эта Строка Серая!
Эта Строка Желтая!
Эта Строка Серая!

код :

<table bgcolor="#000000">
<tr><td bgcolor="#009900" align="right">
<font color="#FFFF00">Green Bay</font></td>
<td><font color="#FFFFFF">13</font></td></tr>
<tr><td bgcolor="#0000FF" align="right">
<font color="#DDDDDD" >Новая Англия</font></td>
<td><font color="#FFFFFF">27</font></td>
</tr>
</table>

результат — табло (изготовленное с использованием цвета шрифта)

 

Green Bay13
Новая Англия27

Если вы плохо знакомы с HTML советую придерживаться названий цветов для настройки вашего цвета фона .

seodon.ru | Учебник HTML — Меняем цвет текста и фона

Опубликовано: 29.09.2010 Последняя правка: 08.12.2015

В этом уроке вы узнаете, как менять цвет фона и текста любых элементов HTML-страницы. Вообще, в языке HTML у некоторых тегов есть специальные атрибуты меняющие цвет, например bgcolor (цвет фона). Но, во-первых, эти атрибуты являются устаревшими (думаю помните, что это значит), а во-вторых, как я уже сказал, они есть не у всех тегов. И вот, допустим, вы захотели изменить цвет фона у параграфа текста. И как вы это будете делать, ведь у тега <P> нет такого атрибута? Поэтому, как и в предыдущих уроках, мы будем использовать стили (CSS), то есть универсальный атрибут style, который позволит нам менять цвет там, где мы захотим.

Как можно указывать цвет?

Цвета в HTML (и CSS) можно указывать несколькими способами, я покажу вам самые популярные и распространенные:

  • Имя цвета — В HTML имеется большой список цветов с именами и для того, чтобы указать цвет, достаточно написать его имя на английском, например: red, green, blue.
  • HEX-код цвета — Абсолютно любой цвет можно получить, смешав в разных пропорциях три базовых цвета — красный, зеленый и синий. HEX-код — это три пары шестнадцатеричных значений отвечающих за количество этих цветов в каждом цвете. Перед кодом цвета необходимо поставить знак решетка (#), например: #FF8C00, #CC3300 и так далее.

Раньше в HTML рекомендовалось использовать только безопасную палитру цветов, которая гарантированно отображалась во всех браузерах и на всех мониторах одинаково. Но сегодня ей ограничиваться совершенно не обязательно, так как и браузеры и мониторы давно научились правильно отображать гораздо больший список цветов. А вот указывать цвета по именам я вам как раз и не рекомендую, дело в том, что многие браузеры до сих пор с одним и тем же именем связывают разные цвета. Поэтому в данном учебнике я буду всегда использовать именно HEX-коды цветов.

Как изменить цвет текста?

Чтобы изменить цвет текста в любом элементе HTML-страницы надо указать внутри тега атрибут style. Общий синтаксис следующий:

<тег>…</тег> — указание цвета текста по имени.

<тег>…</тег> — указание цвета текста по коду.

И как обычно, чтобы изменить цвет текста на всей странице — достаточно указать атрибут style в теге <BODY>. А если необходимо изменить цвет шрифта для фрагмента текста, то заключите его в тег <SPAN> и примените атрибут к нему.

Пример изменения цвета текста

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Изменение цвета текста</title>
</head>
<body>
<h5>Красный текст заголовка</h5>

<p>Синий текст параграфа.</p>

<p>
 <em>Зеленый курсив.</em>
 <span>Красный текст.</span> 
</p>
</body>
</html>

Результат в браузере

Красный текст заголовка

Синий текст параграфа.

Зеленый курсив. Красный текст.

Как изменить цвет фона?

Цвет фона любого элемента страницы меняется также с помощью атрибута style. Общий синтаксис такой:

<тег>…</тег> — указание цвета фона по имени.

<тег>…</тег> — указание цвета фона по коду.

Пример изменения цвета фона

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Изменение цвета фона</title>
</head>
<body>
<h5>Заголовок.</h5>

<p>Параграф.</p>

<p>
 <b>Жирный текст.</b>
 <span>Обычный текст.</span> 
</p>
</body>
</html>

Результат в браузере

Заголовок.

Параграф.

Жирный текст. Обычный текст.

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

Домашнее задание.

  1. Создайте заголовок статьи и двух ее разделов. Напишите в начале статьи и каждом разделе по одному параграфу.
  2. Установите на всей странице шрифт Courier с размером 16px, у заголовка статьи — 22px, а у подзаголовков по 19px.
  3. Пусть у заголовка статьи будет цвет текста #0000CC, а у подзаголовков — #CC3366.
  4. Выделите фоновым цветом #66CC33 два слова во втором параграфе. А в третьем параграфе этим же цветом, но одно подчеркнутое слово.
  5. Не забывайте о том, что значения атрибута style можно группировать, ставя между ними точку с запятой (;).

Посмотреть результат → Посмотреть ответ

СЕТИ ЭВМ И ТЕХНОЛОГИИ РАСПРЕДЕЛЕННОЙ ОБРАБОТКИ ДАННЫХ. 

Цвет и инструкции заголовка гипертекстового документа.

Цветовая гамма HTML-документа определяется атрибутами, размещенными внутри метки <BODY>. Атрибуты имеют следующий смысл:

  • bgcolor - определяет цвет фона документа;

  • text - определяет цвет текста документа;

  • link — определяет цвет выделенного элемента текста, при нажатии на который происходит переход по гипертекстовой ссылки;

  • vlink - определяет цвет ссылки на документ, который уже был просмотрен ранее;

  • alink - определяет цвет ссылки на документ, когда на нее установлен указатель мыши, то есть непосредственно перед переходом по ссылке.

Цвет кодируется последовательностью из трех пар символов. Каждая пара представляет собой шестнадцатиричное значение насыщенности заданного цвета одним из трех основных цветов (красным, зеленым и синим) в диапазоне от нуля (00) до 255 (FF), например:

  • bgcolor=»#FFFFFF» — цвет фона. Насыщенность красным, зеленым и синим одинакова — FF (шестнадцатиричное представление 255). Результат — белый цвет.

  • text=»#000000″ — цвет текста. Насыщенность красным, зеленым и синим одинакова — 00 (ноль). Результат — черный цвет.

  • link=»#FF0000″ — цвет гипертекстовой ссылки. Насыщенность красным — FF (255), зеленым и синим — 00 (ноль). Результат — красный цвет.

В тексте HTML-документа задание указанных цветов выглядит так: 

 

 

<HTML>
<HEAD>
<TITLE>
… название документа (отображается в заголовке окна браузера) … </TITLE>
…………………………………………………………………..

….. служебная информация (необязательно) …..

…………………………………………………………………..

</HEAD>
<BODY  BGCOLOR=»#FFFFFF»  TEXT=»#000000″  LINK=»#FF0000″>

………………………………………………………………………………

….. текст документа (отображается в окне браузера) …..

………………………………………………………………………………

</BODY>
</HTML>

Ниже приведен пример нашего простейшего документа с черным фоном и желтым текстом 

 

<HTML>
<HEAD>
<TITLE>
Простейший HTML-документ</TITLE>
</HEAD>
<BODY  BGCOLOR=»#000000″  TEXT=»#FFFF00″>
Пример простейшего HTML-документа. То,что сейчас видно в окне
расположено между метками тела документа.
</BODY>
</HTML>

 

Когда будете просматривать документ, обратите внимание на цветовое оформление текста в окне браузера.

ПРОСМОТР 

 

Заголовок HTML-документа, не отображается в окне браузера, но может включать неограниченное число мета-инструкций. Мета-инструкция - это способ определения некоторой переменной указанием ее имени (атрибут NAME) и значения (атрибут CONTENT). Вот некоторые наиболее типичные мета-инструкции:

  • <META NAME=»description» CONTENT=» . . . краткое описание документа . . .» > Эта мета-инструкция определяет переменную description, содержащую краткое описание документа. Многие поисковые машины анализируют при поиске содержимое этой переменной, сохраняют переменную в своих базах данных и демонстрируют ее в ответ на запросы пользователей.

  • <META NAME=»keywords» CONTENT=» . . . перечень ключевых слов . . .»> Эта мета-инструкция определяет переменную keywords, содержащую набор ключевых слов, описывающих содержание документа. Ключевые слова позволяют значительно повысить эффективность процедуры поиск документа.

Другой тип мета-инструкций определяет эквиваленты команд протокола передачи гипертекстов. Например:

<META HTTP-EQUIV=»Refresh» CONTENT=»[время]; URL=[документ]«> Такая мета-инструкция дает браузеру следующее: «Если через [время] секунд после завершения загрузки этого документа пользователь не перейдет к другому документу, начать загрузку ресурса [документ]».

Вот пример использования этой мета-инструкции:

 

<META HHTP-EQUIV=»Refresh» CONTENT=»10; URL=http://ecocyb.narod.ru»>

 

Если пользователь не предпримет никаких видимых действий в течении 10 секунд после загрузки документа, содержащего такую инструкцию, автоматически будет загружен документ http://ecocyb.narod.ru

Мета-инструкцию Refresh можно использовать, например, некоторый документ перенесен на другой ресурс. Вместо копии документа на старом сервере можно оставить короткое сообщение о переносе, включающее мета-инструкцию Refresh и URL документа на новом сервере.

Ниже приведен пример нашего простейшего документа с мета-инструкциями

 

<HTML>
<HEAD>
<TITLE>
Простейший HTML-документ</TITLE>
<META NAME=»description» CONTENT=»Пример простейшего HTML-документа» >

<META NAME=»keywords» CONTENT=»пример, HTML, документ, метка»>

</HEAD>
<BODY  BGCOLOR=»#000000″  TEXT=»#FFFF00>

Пример простейшего HTML-документа. То, что сейчас видно в окне
расположено между метками тела документа.
</BODY»>
</HTML>

 

Когда будете просматривать документ, обратите внимание на то, что в окне браузера ничего не изменилось. Мета-инструкции не отображаются в окне.

 

ПРОСМОТР 


        

 

 

Проверьте усвоение  Предыдущий раздел  Следующий раздел  Оглавление

 


Справочник HTML

    Оглавление:
Раздел 1.   Введение: теги, HTML документ.
Раздел 2.   Выделение текста — физические и логические стили.
Раздел 3.   Форматирование текста.
Раздел 4.   Ссылки.
Раздел 5.   Рисунки.
Раздел 6.   Цвет фона и текста. Шрифты.
Раздел 7.   Таблицы.
Раздел 8.   Списки.
Раздел 9.   Последовательности, комментарии.
Раздел 10. Изображения-карты (image maps).
Раздел 11. Звук на сайте.
Раздел 12. Каскадные таблицы стилей.
Раздел 13. Фреймы.

Раздел 6

Тема: цвет фона и текста, шрифты.

Цвет фона определяется значением аттрибута BGCOLOR — шестнадцатиричным числом вида #hhhhhh, где первая пара символов является значением насыщенности для красного цвета, вторая — для зеленого, и третья пара — для синего цвета. #00 — минимальная насыщенность, #FF — максимальная насыщенность цвета. Можно использовать текстовое определение цвета: BLUE, RED, FUCHSIA и т.п — одно из шестнадцати допустимых значений.

  BLACK#000000   GREEN#008000
  SILVER#C0C0C0   LIME#00FF00
  GRAY#808080   OLIVE#808000
  WHITE#FFFFFF   YELLOW#FFFF00
  MAROON#800000   NAVY#000080
  RED#FF0000   BLUE#0000FF
  PURPLE#800080   TEAL#008080
  FUCHSIA#FF00FF   AQUA#00FFFF
Например, чтобы сделать цвет фона страницы фиолетовым, можно написать
<BODY BGCOLOR=»#FF00FF»>, а можно и так:
<BODY BGCOLOR=»PURPLE»>.

Строго говоря, текстовых значений цвета значительно больше (SCARLET, VIOLET, BROWN и т.д. и т.п.), но не все браузеры их «знают». Применимы также значения LIGHTGREEN (светлозеленый), LIGHTYELLOW (светложелтый) и LIGHTBLUE (светлосиний).

Фоном может служить и какое-то изображение. При этом заданная область заполняется множественными копиями этого изображения (как кафельной плиткой). Для этого используется аттрибут BACKGROUND с указанием пути к рисунку. Например
<BODY BACKGROUND=»graph/picture.gif»>

Аттрибуты BGCOLOR и BACKGROUND могут находиться внутри метки <BODY>, тогда цвет фона устанавливается для всей страницы, либо в метках <TABLE>, <TR> и <TD> — устанавливается цвет фона во всей таблице, ее строке и ее ячейке соответсвенно (таблицы — тема следующего урока).

Для изменения цвета и размера шрифта используется метка <FONT></FONT>. Ее аттрибуты:

  • COLOR=»#hhhhhh» — цвет текста;
  • SIZE=»n» — размер шрифта;
  • FACE=»имя_шрифта» — смена шрифта, где имя_шрифта может быть arial, verdana, helvetica, sans-serif и другие.
Пример использования метки <FONT>:

<FONT SIZE=»5″ COLOR=»RED» FACE=»SANS-SERIF»>Крупный шрифт красного цвета без засечек</FONT>
В окне браузера увидите Крупный шрифт красного цвета без засечек

Для размещения текста в верхнем или нижнем регистре используются соответственно метки <SUP>..</SUP> (superscript) и <SUB>..</SUB> (subscript). Пример их использования:

в тексте: в окне браузера:
E=mc<SUP>2</SUP> E=mc2
2<SUP>x+2</SUP>=64 2x+2=64
H<SUB>2</SUB>O H2O

Тэг BODY может содержать аттрибут TEXT, который определяет цвет шрифта для всей страницы. Значение аттрибута — шестнадцатиричное значение цвета или текстовое. <BODY TEXT=»NAVY»> устанавливает цвет шрифта на странице темно-синим.

Также в тэге BODY можно определить каким цветом на вашей странице будут выделяться ссылки. Это аттрибуты:

  • LINK=»#hhhhhh» — определяет цвет ссылки, по умолчанию голубой;
  • ALINK=»#hhhhhh» — определяет цвет ссылки на документ, просмотренный ранее, по умолчанию фиолетовый;
  • VLINK=»#hhhhhh» — опрделяет цвет активизированной ссылки, т.е. когда на нее наведен курсор и нажата кнопка мыши, по умолчанию красный.

цветов HTML

Вы можете отображать более 16 миллионов цветов в HTML. Знание методологии отображения и использования цветов важно для всех, кто изучает HTML, а также CSS.

Этот учебник посвящен:

  • Настройка цвета
  • Сколько цветов возможно?

Настройка цвета

Есть три способа установить цвет для элемента на веб-странице. Независимо от того, устанавливаете ли вы цвет фона или цвет текста, все работает одинаково.

Вы можете установить цвет, используя имя цвета, значение RGB или шестнадцатеричное значение.

Установка цвета по имени

Самый простой способ установить цвет — это использовать название цвета, например, цвет морской волны, лайм, белый или желтый.

<граница таблицы="1"> Ячейка с желтым фоном Ячейка с серебристым фоном Ячейка с салатовым фоном Ячейка с белым фоном

Вывод:
Ячейка с желтым цветом фона Ячейка с цветом фона цвета морской волны
Ячейка с салатовым фоном Ячейка с белым фоном

Использование этого метода для установки цвета считается плохим соглашением и, как правило, его не следует использовать.

Установка цвета по значению RGB

RGB означает красный, зеленый, синий. Установка цвета с использованием значения RGB включает использование трех значений от 0 до 255, чтобы указать количество красного, зеленого и синего элементов, присутствующих в цвете. Значение 0 означает, что цвет отсутствует вообще, значение 255 означает, что цвет присутствует полностью.

— ни красного, ни зеленого, ни синего вообще….. означает отсутствие цвета, что приводит к чистому черному цвету — полностью присутствует красный, нет зеленого, совсем нет синего ….. что означает чистый красный цвет — красный отсутствует, зеленый полностью присутствует, синий отсутствует вообще ….. что означает чистый зеленый цвет — нет ни красного, ни зеленого, ни синего полностью присутствует ….. что означает чистый синий цвет — немного красного, чуть больше зеленого, чем красного, немного больше синего, чем зеленого и красного …..результат этого цвета — <тело bgcolor="rgb(255, 255, 255)"> — красный полностью присутствует, зеленый полностью присутствует, и синий полностью присутствует ….что означает полное представление цвета в результате чисто белый

ПРИМЕЧАНИЕ. Не рекомендуется использовать RGB для настройки цветов.Некоторые браузеры не поддерживают этот метод установки цвета.

Установка цвета по шестнадцатеричному значению

Отображение цветов по шестнадцатеричному значению очень похоже на метод RGB, за исключением того, что с помощью шестнадцатеричного значения вы отображаете значения красного, зеленого и синего, используя шестнадцатеричное число вместе со знаком #.

Пример:

Шестнадцатеричное значение представляет собой 6-значное представление цвета. Первые две цифры представляют красный элемент, присутствующий в цвете.Следующие две цифры представляют зеленый элемент, присутствующий в цвете, а последние две цифры представляют синий элемент, присутствующий в цвете.

Когда мы говорим «шестнадцатеричное» значение, следует отметить, что оно указывается с использованием шестнадцатеричной системы счисления, которая отличается от той, к которой привыкло большинство людей. Большинство людей привыкло к десятичной системе счисления, в которой используются цифры 0-9 . Однако в шестнадцатеричной системе счисления используются цифры 0 — F .То есть от 0 до 9 точно так же, как в десятичной системе с дополнительными 6 цифрами, которые представляют собой буквы от A до F.

ДЕСЯТИЧНАЯ СИСТЕМА: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
ШЕСТНАДЦАТЕРИЧНАЯ СИСТЕМА: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, А, Б, В, Г, Д, Ф

Шестнадцатеричные представления цвета:

<граница таблицы="1"> #f0f8ff #ffffff #f4f4f4 #000000 #7eddfc #c9c9c9 #3ff260 #9496d6 #9fb7cc #аааа77 #fad6b9 #a7bf4e #d09cd6 #d6923e #facf78 #c9c9c9

Вывод:
#f0f8ff #ffffff #f4f4f4 #000000 #7eddfc #c9c9c9 #3ff260 #9496d6
#9fb7cc #аааа77 #fad6b9 #a7bf4e #d09cd6 #d6923e #facf78 #faf878

Следующий инструмент можно использовать для преобразования десятичных чисел в шестнадцатеричные числа и шестнадцатеричных чисел в десятичные числа.

Посетите веб-сайт www.colorblender.com, чтобы найти отличный инструмент, отображающий набор цветов, которые хорошо сочетаются друг с другом на основе одного выбранного вами цвета.

Сколько цветов возможно?

Очевидно, что существует огромный набор цветов на выбор, но сколько именно существует возможных вариантов?

Ответ: 16 777 216.

Откуда ты это знаешь?!

В начале этого урока мы обсудили, как установить значения цвета с помощью RGB, и упомянули, что установка цвета с использованием значения RGB включает использование трех значений от 0 до 255, чтобы указать количество красного, зеленого и синего элементов, присутствующих в цвете. цвет.Значение 0 означает, что цвет отсутствует вообще, значение 255 означает, что цвет присутствует полностью. Итак, зная, что каждое из трех значений имеет 256 возможностей, мы делаем 256 * 256 * 256, что дает нам значение 16 777 216. Мы также можем получить это значение из метода, используемого для установки цвета с использованием шестнадцатеричного значения, выполнив 16 * 16 * 16 * 16 * 16 * 16 (16 6 ). Поскольку для шестнадцатеричного значения существует 6 разрядов, и каждое из них может иметь значение от 0 до F (шестнадцать возможных значений).

Правильно, 16 777 216 разных цветов.Это много цвета!

(Архив) HTML: HTML-коды для цветов и фона

Эта статья основана на устаревшем программном обеспечении.

ПРИМЕЧАНИЕ. HTML-страницы устарели и не будут обновляться.

В этом документе содержится краткое описание кодов HTML, используемых для применения цветов и фоновых изображений к веб-документам. Дополнительные сведения о выборе и применении цветов и фоновых изображений приведены в документе серии веб-публикаций «Цвета и фоны».

Цветовые коды

Приведенные ниже цветовые коды используются в коде BODY и применяются ко всему документу. В следующем примере показано размещение цветовых кодов в теге BODY (порядок не важен):

На Назначение/Пояснение
BGCOLOR=»цвет#» Определяет цвет фона для страницы
ТЕКСТ=»цвет#» Определяет цвет основного текста на странице
ССЫЛКА=»цвет#» Определяет цвет текста непросмотренных ссылок
VLINK=»цвет#» Определяет цвет текста посещенных ссылок
ССЫЛКА=»цвет#» Определяет цвет для активных ссылок (цвет текста за доли секунды при нажатии на него)

Вы также можете изменить цвет части текста в документе, используя код :

На Выкл. Назначение/Пояснение
<ЦВЕТ ШРИФТА="цвет#"> Регулирует цвет текста только в пределах указанного раздела

Внутри таблиц можно настроить цвет фона всей таблицы, выбранных строк или отдельных ячеек:

На Выкл. Назначение/Пояснение
<ТАБЛИЦА BGCOLOR="цвет#"> Регулирует цвет фона всей таблицы
Регулирует цвет фона только в ячейках указанной строки
Регулирует цвет фона только в пределах указанной ячейки

Фоновые изображения

Приведенные выше цветовые коды позволяют определить, как будет выглядеть ваш фон, используя тег BGCOLOR.Это отличается от кода BACKGROUND, который разбивает изображение на экран, а затем накладывает на него текст. Объяснение разницы между BGCOLOR и BACKGROUND и инструкции по использованию кода BACKGROUND приведены в разделе «Фон» документа серии веб-публикаций «Цвета и фон». Код BACKGROUND также используется в коде BODY документа.

На Назначение/Пояснение
ФОН = «URL» Изображение по указанному URL-адресу будет размещено на фоне страницы

#333 шестнадцатеричный цвет

RGB 51 3 0
HSL 4 100 10
HSV 100° 20°
CMYK 0 94 100 80
XYZ 1.4 0,77 0,07
Yxy 0,77 0,63 0,34
Лаборатория Хантера 8,77 13,12 5,67
CIE-Lab 6,96 23,62 10,99

0 избранное

Войдите, чтобы добавить цвет в избранное.


    Процент RGB от #333


  • Красный (20%)

  • Зеленый (2%)

  • Синий (0%)

Оттенки и оттенки № 333


Монохроматические цвета #333


Дополнительный цвет № 333


Триадный цвет № 333


Родственные цвета


#b20b00
#660600
#380300
#998900

Связанные цветовые палитры


Уэйкфилд 66099+669900 баф+ac7 брен-дб б с аква

Учебники CSS

#333 Цвет фона

 
style="background-color:#333">Цвет фона
"

#333 Цвет границы

 
style="border: 2px solid #333">Цвет границы
"

#333 текст Цвет

 style="color: #333">Цвет текста" 

Цвет текста

#333 Коды CSS

 .текст {цвет:#333;} 
 .background {фоновый цвет:#333;} 
 .border {граница: 1px сплошная # 333;} 

ПОДЕЛИТЕСЬ ЭТИМ ЦВЕТОМ С ДРУЗЬЯМИ!

Присоединяйтесь к Htmlcolors прямо сейчас и начинайте комментировать все, что хотите!


Цвет фона HTML — javatpoint

— это атрибут для установки цвета фона HTML-элемента.Этот атрибут используется со следующими тегами:

  • <тело>
  • <таблица>
  • <шаговая рамка>
  • <тд>

Синтаксис

<"тег" bgcolor="Имя_цвета|число RGB|шестнадцатеричное число">

Примеры: В следующих примерах используется атрибут в разных тегах.

Пример 1: Используйте атрибут с тегом

<голова> <название> Пример атрибута цвета фона <тело bgcolor="голубой"> <центр>

javaTpoint



<центр>

Язык гипертекстовой разметки

Протестируйте сейчас

Вывод:

Пример 2: Используйте атрибут с тегом

<голова> <название> Пример атрибута Bgcolor <тело bgcolor="красный"> <центр>

javaTpoint



<центр> <таблица> Номер рулона Имя <тд> 101 Абхай <тд> 102 Четан <тд> 103 Манприт <тд> 104 Ракеш <тд> 105 Сумить

Протестируйте сейчас

Вывод:

Пример 3: В следующем примере используется атрибут с тегом .

<голова> <название> Пример атрибута цвета фона <тело bgcolor="светло-зеленый">

<шаговый bgcolor="оранжевый"> javaTpoint

Протестируйте сейчас

Вывод:

Поддержка браузера


Как изменить цвет фона HTML

Как изменить цвет фона HTML



В этом уроке мы научим вас, как установить цвет фона в HTML. Но прежде чем перейти к установке цвета, мы должны увидеть, как определить цвет в HTML. Цветовые коды HTML определяются как 6-значные шестнадцатеричные значения, т. е. #A0082C, и создают спектр из 16 миллионов цветов. Эти отдельные 16 миллионов значений можно очень легко найти в Интернете.
Шаг № 1. Обучение по-старому
По сути, для установить цвет фона в HTML существует очень простой способ, с которым большинство дизайнеров HTML обычно знакомы и могут предпочесть.Это атрибут bgcolor в элементе. Атрибут bgcolor принимает значение кода цвета и изменяет фон HTML-страницы на этот цвет.
Хотя этот метод очень прост и удобен, установка цветов фона в HTML с помощью атрибута bgcolor устарела в HTML5 и не рекомендуется. Но даже в этом случае все браузеры по-прежнему поддерживают этот атрибут. С появлением CSS все стили выполняются с помощью таблиц стилей, включая цвета фона.

Шаг № 2 — Атрибут стиля
CSS вводит атрибут стиля во все элементы HTML, включая элемент body.И, как и все другие стили, в этом атрибуте также могут быть объявлены цвета фона. Синтаксис соответствует синтаксису внешних файлов CSS или внутреннего CSS, определенного в элементе.
Для настройки цвета фона в HTML тег цвета фона в атрибуте стиля принимает тот же шестнадцатеричный код цвета в качестве значения, что и bgcolor.

Результатом этого метода является изменение фона HTML-страницы точно так же, как результат bgcolor, но это объединяет все типы стилей в один атрибут вместо нескольких фрагментированных атрибутов.С дальнейшими исследованиями и развитием веб-технологий фрагментация может оказаться большой проблемой, если ее не решить на раннем этапе, подобно этому изменению цвета фона. Браузер

— Почему HTML считает, что «чакноррис» — это цвет?

Это пережиток времен Netscape:

Пропущенные цифры обрабатываются как 0[…]. Неправильная цифра просто интерпретируется как 0. Например, значения #F0F0F0, F0F0F0, F0F0F, #FxFxFx и FxFxFx одинаковы.

Это из сообщения в блоге Небольшой разглагольствования о синтаксическом анализе цвета Microsoft Internet Explorer , в котором подробно рассматривается, включая различные длины значений цвета и т. д.

Если мы применим правила по очереди из сообщения в блоге, мы получим следующее:

  1. Заменить все недопустимые шестнадцатеричные символы нулями:

      Чакноррис становится c00c0000000
      
  2. Увеличить до следующего общего количества символов, кратного 3 (11 → 12):

      с00с 0000 0000
      
  3. Разделить на три равные группы, где каждый компонент представляет соответствующий цветовой компонент цвета RGB:

      RGB (c00c, 0000, 0000)
      
  4. Усекает каждый из аргументов справа вниз до двух символов.

Что, наконец, дает следующий результат:

  RGB (c0, 00, 00) = #C00000 или RGB(192, 0, 0)
  

Вот пример, демонстрирующий действие атрибута bgcolor для создания этого «удивительного» образца цвета:

  <таблица>
  
    Чак Норрис
    Г-н Т
    Черепашка-ниндзя
  
  
    больной
    дерьмо
    трава
  
  

Это также отвечает на другую часть вопроса: почему bgcolor="chucknorr" дает желтый цвет? Ну, если мы применим правила, строка будет:

  c00c00000 => c00 c00 000 => c0 c0 00 [RGB(192, 192, 0)]
  

Дает светло-желтый золотой цвет.Поскольку строка начинается с 9 символов, на этот раз мы сохраняем вторую букву C, поэтому она заканчивается окончательным значением цвета.

Сначала я столкнулся с этим, когда кто-то указал, что вы можете сделать color="crap" , и он получится коричневым.

цветов | HTML Dog

Следующие значения, чтобы указать полный как красный-как-красный-может быть, дают один и тот же результат:

  • красный
  • RGB(255,0,0)
  • RGB(100%,0%,0%)
  • #ff0000
  • #f00

ПРЕДЛОЖЕННЫЕ ЦВЕТЫ включают AQUA , Black , Blue , FUCHSIA , Grey , Green , Lime , Maroon , военно-морской флот , Purple , фиолетовый , красный , серебристый , бирюзовый , белый и желтый . прозрачный также является допустимым значением.

За возможным исключением черный и белый названия цветов имеют ограниченное использование на современных, хорошо спроектированных веб-сайтах, поскольку они очень специфичны и ограничены.

Три значения в значении RGB находятся в диапазоне от 0 до 255, 0 — это самый низкий уровень (например, отсутствие красного), 255 — самый высокий уровень (например, полностью красный). Эти значения также могут быть процентными.

Шестнадцатеричное (ранее и более точно известное как « шестнадцатеричное ») — это система счисления с основанием 16 .Обычно мы привыкли к десятичной системе счисления ( основание-10 , от 0 до 9), но шестнадцатеричная имеет 16 цифр, от 0 до f.

Шестнадцатеричный номер начинается с символа решетки ( # ) и может состоять из трех или шести цифр. По сути, трехзначная версия является сжатой версией шестизначной ( #ff0000 становится #f00 , #cc9966 становится #c96 и т. д.). Трехзначную версию легче расшифровать (первая цифра, как и первое значение в RGB, — красная, вторая — зеленая, а третья — синяя), но шестизначная версия дает вам больше контроля над точным цветом.

CSS3, последняя версия CSS, также позволяет вам определять HSL цвета — оттенок, насыщенность и яркость. Подробнее об этом, а также о полупрозрачных цветах можно узнать в Продвинутом руководстве по CSS.

Реклама здесь! На давно известном, хорошо читаемом и уважаемом ресурсе веб-разработки.

цвет

и цвет фона

Цвета

можно применять, используя color и background-color (обратите внимание, что это должен быть «цвет», а не «цвет» в американском английском).

Синий фон и желтый текст могут выглядеть так:

 
ч2 {
  цвет: желтый; 
  цвет фона: синий; 
}
  

Эти цвета могут быть слишком резкими, поэтому вы можете изменить код вашего файла CSS для немного других оттенков:

 
тело {
    размер шрифта: 14px;
    цвет: темно-синий;
}

ч2 {
  цвет: #ffc; 
  цвет фона: #009; 
}
  

Сохраните файл CSS и обновите браузер.

Добавить комментарий

Ваш адрес email не будет опубликован.