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

Как правило, базовый цвет фона веб-страницы задается с использованием языка описания стилей CSS (Cascading Style Sheets - «каскадные таблицы стилей»). Реже для этого используются возможности языка HTML (HyperText Markup Language - «язык разметки гипертекста»). Иногда элементы описания CSS помещаются внутрь HTML-тегов.

Инструкция

Используйте атрибут bgcolor тега body, если хотите максимально упростить процедуру указания фонового цвета и свести к минимуму изменения в исходном коде. Описание всех элементов страницы помещается в исходнике страницы внутрь блока HTML-кода, который начинается с тега и завершается тегом . Атрибут bgcolor указывается в открывающем теге и содержит именованное значение цветового оттенка (например, Red или Chocolate) или соответствующий ему шестнадцатеричный код цвета (#FF0000 или #D2691E, соответственно). В самом простом варианте такой тег может быть записан, например, так:Или так:Оба варианта задают одинаковый красный цвет для фона документа.

Используйте свойство background-color, если хотите задать цвет фона документа при помощи языка описания стилей - этот метод применяется намного чаще. Блоки описания стилей могут быть либо включены в исходный код документа, либо записаны в отдельный файл с расширением css. Ссылка на внешний файл помещается в заголовочную часть страницы (между тегами и ) и выглядит примерно так:@import "style.css";Если же CSS-инструкции нет необходимости выносить в дополнительный файл, то @import "style.css"; надо заменить, например, таким тестом:body {background-color: Red;}Здесь body указывает, что инструкция внутри фигурных скобок, определяющая красный цвет фона, относится к тому самому тегу body языка HTML. И здесь существует несколько систем определения оттенков цвета, но чаще всего используются шестнадцатеричные коды:body {background-color: #FF0000;}

Замените свойство background-color на background для компактного описания более сложной фоновой структуры. Например, если кроме фона определенного цвета, в подложку документа надо поместить какой-либо рисунок. Такое описание может выглядеть, например, так:body {background: Red url(img/BGimage.gif) no-repeat;}

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

Оцените статью!