Как изменить цвет HTML текста с помощь CSS атрибутов
- HTML цвет текста определяется с помощью CSS атрибутов.
- HTML цвет текста может быть задан в режиме HEX, например, color:#cc0000.
- Цвет текста в HTML также может быть задан словом, например, color:Black.
- HTML фон текста определяется значением атрибута background-color.
Попробуем изменить цвет текста в HTML:
<html>
<head>
<title>HTML цвет текста</title>
</head>
<body>
<h1 style="color:#ff0000">Заголовок 1-го уровня</h1>
<p style="color:#ffff00">Первый параграф</p>
<p style="color:#00ff00">Второй параграф</p>
<p style="color:#0000ff">Третий параграф</p>
</body>
</html>
|
Строка style="color:#000000" является линейным CSS включением — устанавливает цвет HTML текста в режиме HEX. HEX — шестнадцатеричная система счисления
(цифры от 0 до 9 и латинские буквы от a до f), которая по структуре сравнима с RGB (Red Greеn Blue).
Посмотреть в новом окне:
HTML цвет текста
Еще пример:
<html>
<head>
<title>HTML, текст, цвет</title>
</head>
<body style="color:#ff6c36">
<h1 align="center">Заголовок 1-го уровня</h1>
<p>Первый параграф</p>
<p>Второй параграф</p>
<p style="color:#0000ff">Третий параграф</p>
</body>
</html>
|
Содержимое сектора <body> </body> по сути есть все то, что мы видим на web-странице.
Таким образом, добавляя к его первому тегу строчку style="color:#ff6c36", мы делаем текст всей страницы оранжевым (черный по умолчанию),
за исключением третьего параграфа, где он — текст определен как синий. Атрибут align="" определяет горизонтальное выравнивание. Возможны значения:
center, left, right, justify. В следующем уроке подробно рассматриваются способы горизонтального выравнивания текста.
Значение #000000 определяет черный цвет, #ffffff – белый.
Цвет также может быть задан словом, например,
style="color:Red".
HTML цвет представлены в одной из глав
HTML справочника.
Как изменить HTML цвет и фон текста
Попробуем изменить фон текста в HTML:
<title>HTML, фон, текст, цвет</title>
</head>
<body>
<h3 style="background-color:#ff9911">HTML Фон текста оранжевый</h3>
<p style="background-color:#ff0000; color:#ffffff">Цвет HTML текста белый, фон красный</p>
|
Результат:
цвет HTML текста и его фон
Атрибут background-color определяет фон, в данном случае изменения затрагивают текст.
