Что такое тег HTML для цвета фона?
Обзор
Сочетание цветов различных элементов на веб-странице очень важно. Компании поддерживают его стиль таким образом, чтобы привлекать клиентов на свои веб-сайты и удерживать их на крючке. И вот тут-то и появился фоновый цвет элементов. Html предоставляет нам несколько способов изменить цвет фона любого элемента веб-страницы.
Scope
- В этом блоге мы узнаем, как изменить цвет фона любого элемента в HTML.
- Мы также научимся использовать различные способы присвоения значений цвета именам цветов, а именно, цвет, шестнадцатеричное значение, значения HSL и т. д.
- Наконец, мы подробно рассмотрим некоторые примеры реализации этих методов.
Введение
Атрибутом, который используется для установки цвета фона HTML-элемента , является цвет bg. В зависимости от элемента, цвет фона которого должен быть установлен, мы используем соответствующий тег.
Атрибут bgcolor можно использовать со следующими тегами: body, table, td, th, tr, marquee.
Как установить цвет фона в HTML?
Давайте посмотрим, как установить цвет фона в HTML, используя атрибут bgcolor и другие методы. Синтаксис для установки цвета фона с использованием атрибута bgcolor следующий:
Здесь значением может быть имя цвета
Давайте посмотрим на это на примере:
Вывод:
Обсуждавшееся выше свойство bgcolor использовалось ранее, но было опущено в HTML 5 и выше . Теперь мы используем атрибут стиля для установки цвета фона страницы. В этом разделе мы подробно рассмотрим атрибут стиля.
Атрибут стиля, используемый с тегами HTML, указывает встроенные стили для элемента. Этот атрибут имеет свойство background-color , которое можно использовать для установки цвета фона HTML-элемента.
Если используется атрибут стиля, он переопределит все другие глобальные наборы стилей.
Мы можем использовать встроенный атрибут стиля или использовать внутренний CSS для того же
Встроенный CSS позволяет нам стилизовать определенные элементы HTML. Давайте посмотрим на это с помощью следующего кода:
Вывод:
Внутренний CSS используется для включения CSS в раздел заголовка документа.
Посмотрим на это с помощью следующего кода:
Вывод:
Давайте теперь рассмотрим различные способы использования атрибутов стиля для установки цвета фона веб-страницы.
- Указав желаемый цвет — В этом методе мы указываем цвет, которым мы хотим, чтобы был наш фон. Например — красный, синий и т.д. .
Синтаксис
- С помощью шестнадцатеричных цветовых кодов — Цвет фона можно указать с помощью шестнадцатеричных цветовых кодов.
Синтаксис
- С помощью значений цвета RGB — Цвет фона можно указать с помощью значений цвета RGB. Эти значения относятся к количеству красного, зеленого и синего цвета . Каждое значение RGB представляет собой число от 0 до 255.
Синтаксис
- При использовании значений цвета HSL — HSL означает оттенок, насыщенность и яркость. Цвет фона можно указать с помощью значений цвета HSL. Оттенок относится к степени интенсивности на цветовом круге, где 0 — красный, 240 — синий, а 120 — зеленый. Уровень насыщенности — это процент от 0 до 100, где 0% означает серый цвет, а 100% — полный цвет. Яркость также представляет собой процентное значение от 0 до 100, определяющее интенсивность цвета, где 0 % — черный, 100 % — белый, 50 % — средний.
Синтаксис
- Создав градиентный фон — Мы можем установить цвет фона веб-страницы, создав градиентный фон . Этого можно добиться, создав градиент цвета фона, указав направление градиента вместе с цветами. Градиенты могут быть линейными, радиальными или коническими .
Этого можно добиться, создав градиент цвета фона, указав направление градиента вместе с цветами. Градиенты могут быть линейными, радиальными или коническими .Давайте посмотрим на это с помощью следующего примера:
Вывод:
В приведенном выше примере мы определяем линейный градиент, который начинается слева с красного цвета и переходит в желтый. Если требуется больший контроль над направлением градиента, вместо предопределенных направлений можно использовать углы.
Примеры
Теперь мы увидим различные примеры фрагментов кода, демонстрирующие, как использовать свойство background-color атрибута стиля с различными
Пример 1: Установка цвета фона тела
Вывод:
Мы создали заголовок и применили наш импортированный шрифт .
Мы установили цвет фона тела как розовый, используя атрибут стиля внутри тега body .
Пример 2. Установка цвета фона для элементов div
Вывод:
0019 тег div, тоже вместе с тегом body . Цвет фона, который мы хотим, чтобы элемент div был указан в соответствующем атрибуте стиля. Мы установили цвет фона второго элемента div светло-зеленым и добавили к нему текст.
Поддержка браузера
Поддержка браузера для
| БРАУЗЕР | ДА/НЕТ |
|---|---|
| Хром | Да |
| Internet Explorer | Да |
| Firefox | Да |
| Safari | Да |
| Да |
Браузер Поддержка фонового цвета
| БРАУЗЕР | ДА/НЕТ |
|---|---|
| Хром | Да |
| Да | |
| Firefox | Да |
| Safari | Да |
| Opera | Да |
| Edge | 90 186 Да
Узнать больше
- Теги HTML
- Тег Body в HTML
- Заголовки и абзацы в HTML
- Встроенные и блочные элементы
Заключение
- Атрибут bgcolor использовался для установки цвета фона страницы до HTML 5 .
- Теперь мы используем атрибут стиля для изменения цвета фона.
- В атрибуте стиля у нас есть свойство background-color, которое используется для установки цвета фона тегов.
- Цвет фона можно задать, указав цвет, используя коды RGB , шестнадцатеричных кодов цвета , значения HSL или создав цветовой градиент.
Цвет фона HTML — javatpoint
следующий → ← предыдущая
|
