Как изменить цвет текста с помощью CSS
Чтобы поменять цвет текста с помощью CSS, вы должны использовать свойство CSS color . Значение для него можно указать с помощью 3 основных вариантов:
- название цвета — «красный», «зеленый», «синий»
- шестнадцатеричный код (HEX-code), который начинается с хэштега — «# 00FF00», «# 121212»
- код RGB, который выглядит так — «rgb (125, 20, 255)»
Давайте воспользуемся всеми тремя вариантами, чтобы написать CSS, который поменяет цвет заголовков h1 , h2 и h3 .
h1 < color: gold; > h2 < color: #008000; > h3 < color: rgb(128, 0, 128); > В результате заголовок h1 окрасится в золотистый цвет, h2 — зеленый, а h3 примет фиолетовый окрас.
Как задать цвет заголовку?
Обратите внимание на ответ @entithat, на такой способ внесения стилей, это один из способов, он тоже верный. Также можно внести изменения в стили с помощью JavaScript.
Отслеживать
ответ дан 11 фев 2018 в 7:39
user262779 user262779
html,body < width:100%; height:100%; >div < background:red; width:100px; height:30px; >/*а это на будущее)))) есть теги которым стили не подвласты*/ br
div1
div2
div3
div4 Отслеживать
ответ дан 11 фев 2018 в 7:57
14.5k 6 6 золотых знаков 33 33 серебряных знака 71 71 бронзовый знак
Если вам зачем-то нужен именно атрибут или контейнер (обозреватель древний или движок оформления не поддерживает CSS), можете воспользоваться тегом . Однако:
- сейчас принято разделять структуру документа и его оформление, поэтому настоятельно рекомендуется перейти на стили при первой же возможности (как указано в других ответах),
- новые стандарты (HTML5 и будущие) не поддерживают теги, подобные . Даже HTML4 поддерживает этот тег только в переходной версии (из-за чего в примере ниже пришлось явно прописать необходимый doctype).
обязателен --> Hello, World!
К слову, позволяет задать цвет не только заголовку, но вообще любому фрагменту текста. Однако он должен быть размещён внутри блочного тега ( ,
и т. д.). То есть комбинация корректна, а — уже нет (тег заголовка автоматически закроет предшествующий тег).
Как изменить цвет текста и цвет фона в HTML?
Добро пожаловать в пятый видеоурок по курсу HTML. Из прошлого видеоурока вы узнали про параграфы и заголовки в HTML-коде. В данном видеоуроке мы поговорим о том, как задавать цвета: цвет текста, цвет фона и др.
Как изменить цвет текста?
Давайте перейдем в наш код. Как видите, я убрал все лишние теги, которые у нас были и ввел атрибут color со значением #0000FF. Надеюсь, вы уже знаете, что такое теги и атрибуты.
Что значит этот шестизначный код? Эти шесть символов означают задание определенного цвета нашему тексту. Введем в качестве текста «Синий цвет»:
Синий цвет
Вышеупомянутые шесть знаков задают именно синий цвет. Чтобы узнать, какие символы задают тот или иной цвет, можно посмотреть таблицу от сайта http://addedbytes.com , которая приложена к видеоуроку. Например, чтобы написать красный цвет, вы берете значение #CC0000.
Перейдем обратно в код. Давайте сохраним и проверим нашу страничку. Переходим в браузер. Обновляем. Как видите, появился текст синего цвета.
Давайте зададим тексту заголовка h2 красный цвет. Находим и вводим теги :
Текст заголовка H2
Сохраняем. Проверяем в браузере. Как видим, текст стал красного цвета.
Теперь давайте рассмотрим другие атрибуты тега . Перейдем в код и зададим гарнитуру нашего текста. Она задается атрибутом face. Что такое гарнитура? Гарнитура – это шрифт нашего текста. Например, Monotype Corsiva.
Текст заголовка H2
Проверяем. Как видим, шрифт заголовка изменился.
Перейдем в код и зададим размер нашего текста. Это делается с помощью атрибута size.
Синий цвет
Сохраним и посмотрим. Наш текст увеличился. Тег мы разобрали.
Допустим, мы хотим, чтобы весь текст, которому не задан определенный цвет с помощью дополнительных тегов и атрибутов, отображался какого-либо цвета. Для этого нам нужно в теге ввести атрибут text. Зададим, например, зеленый цвет.
Сохраняем. Обновляем страницу в браузере. Как видим, текст стал зеленого цвета.
Как изменить цвет фона?
Теперь перейдем к последней части видеоурока. Зададим цвет фона нашей странице. Он задается атрибутом bgcolor.
Сохраним и проверим в браузере. Как видите, цвет фона стал голубым. Давайте лучше поставим желтый.
Сохраняем. Проверяем. Стало посимпатичнее.
На этом всё. До встречи в следующем видеоуроке, в котором мы познакомимся с огромной массой дополнительных параметров текста.
Здесь текст заголовка h1
Видим, что наш цвет заголовка изменился на наш — красный цвет.
Цвет заголовка
Изменение цвета заголовка классом
Вы наверное знаете, что есть некоторые атрибуты с помощью которых мы можем воздействовать на свойства тега.
В нашем случае нас интересует цет заголовка — вам понадобится:
Вам «опять» потребуется один из тегов заголовка-пусть это будет h2.
Про атрибуты я уже сказал — у нас это будет атрибут класса. С произвольным значением пусть это будет «example».
Далее нам потребуется прописать стили(цвет) — у нас будети происходить изменение цвета заголовка в теге style