Как изменить цвет фона в HTML?
Как правило, веб-браузер отображает документ HTML в черно-белом цвете, т. е. текст черным цветом на белом фоне. Однако вы можете изменить внешний вид документа, изменив цвет фона и цвет текста. Вы можете изменить цвет фона, как показано на рисунке.
<BODY bgcolor=”colorname”>
For example: <BODY bgcolor=”green”> or <BODY bgcolor=”blue”>
Однако вы можете выбрать другие цвета по вашему выбору. Цвет тела и цвет текста следует выбирать таким образом, чтобы веб-страница выглядела привлекательно.
Существует три способа изменить цвет фона документа:
- Использование атрибута bgcolor
- Использование встроенного CSS
- Использование внутренней таблицы стилей
Сохранение HTML-файла
Перед внесением изменений в цвет фона документа нам необходимо создать HTML-файл. Ниже приведены шаги, чтобы сделать то же самое:
Шаг 1: Нажмите кнопку « Пуск » и найдите « Блокнот» .
Шаг 2: Нажмите на « Блокнот ». Затем на экране открывается безымянный блокнот.
Шаг 3: Теперь вы можете запустить код HTML
После заполнения HTML-документа сохраните файл. Выполните следующие действия, чтобы сохранить HTML-документ.
Шаг 4: Нажмите Ctrl+s , чтобы сохранить HTML-документ.
Шаг 5: Сохраните документ как .html
Способ 1: использование атрибута bgcolor
HTML предоставляет различные стили и атрибуты для внесения изменений в документы в соответствии с потребностями пользователя. Ниже приведен HTML-код, демонстрирующий использование атрибута bgcolor :
Выход:
Способ 2: использование встроенного атрибута стиля
Если мы хотим изменить цвет фона веб-страницы с помощью атрибута встроенного стиля, мы должны выполнить шаги, указанные ниже. Мы можем легко изменить цвет фона из следующего кода:
Выход:
Способ 3: Использование внутреннего CSS
Если мы хотим изменить цвет фона веб-страницы, используя внутреннюю каскадную таблицу стилей, мы должны выполнить шаги, указанные ниже. Мы можем легко изменить цвет фона из следующего кода:
Выход: