Как изменить фон и цвет текста веб-страницы

Ниже приведены инструкции по изменению цвета фона веб-страницы в HTML и CSS. Хотя цвет фона можно сделать с помощью тега HTML BODY, мы рекомендуем указать значения цвета фона в CSS, как показано ниже.

Чаевые

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

Пример CSS

В приведенном ниже примере CSS мы устанавливаем тело для черного цвета фона, добавляя «background-color: # 000;» в блоке кузова. Поскольку цвет фона черный, цвет текста также должен измениться, иначе он не будет виден. Итак, мы устанавливаем цвет текста на белый, добавляя «color: #fff;» в блок.

тело {
семейство шрифтов: Helvetica, Arial, без засечек;
цвет фона: # 000;
цвет: #fff;
}

Если ваша страница не использует CSS или вы не хотите конвертировать в CSS, ниже приведены инструкции о том, как сделать это в теге BODY в коде HTML. Однако, как упоминалось ранее, мы настоятельно рекомендуем использовать вышеуказанный код CSS вместо тега body. Если вы используете стиль CSS, вы можете изменить значения цвета фона один раз, и эти изменения будут автоматически применены ко всем элементам HTML, использующим этот стиль.

Пример тега HTML

В некоторых очень редких ситуациях использование CSS может оказаться невозможным. Для этих ситуаций вы также можете определить цвет фона, цвет текста, цвет ссылки и другие значения в теге HTML-тела, как показано ниже.

Ниже приведены описания каждого из атрибутов HTML в теге body.

ТЕКСТ = Цвет текста.
LINK = цвет ссылок.
VLINK = Цвет посещенной ссылки.
ALINK = цвет активной ссылки или цвет, на который ссылка меняется при нажатии.
BGCOLOR = Цвет фона страницы.

Чаевые

Чтобы лучше проиллюстрировать все вышеперечисленные значения, на этой странице цвет ссылки синий, ссылки, которые вы посетили, фиолетовые, а ссылки, на которые наведены курсоры или которые нажали, — красные.

Ссылка на основную публикацию
Adblock
detector