Как управлять цветом фона с помощью каскадных таблиц стилей

May 5, 2024

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

Основной код CSS

пример

Селекторы

тело
п

В нашем примере есть два правила CSS. Тело в теге HTML - это селектор, который сообщает браузеру применить стиль первого правила к фону для всей веб-страницы. Р в HTML

тег говорит браузеру применить второе правило к абзацу (элементу) на веб-странице.

свойства

фоновый цвет

Цвет фона - это атрибут, которым управляет стиль. В нашем примере атрибут background-color устанавливается как для веб-страницы, так и для абзаца. За именем свойства background-color следует двоеточие (:).

Ценности

#ffffff
красный

Справа от двоеточия находится значение для цвета фона. В нашем примере шестнадцатеричный код для белого цвета (#ffffff) используется в первом правиле, а имя цвета для красного (красный) используется для второго правила. Вы также можете использовать цветовой код RGB или установить прозрачное значение, если хотите, чтобы цвет фона был прозрачным.

цвет фона: прозрачный
Цвет фона: RGB (255,0,0)

Видео инструкция: CSS3 для начинающих | #6 Изменение фона на CSS (May 2024).

Как управлять цветом фона с помощью каскадных таблиц стилей, HTML, цвета фона, CSS-цвета фона, как установить цвет фона с помощью css, как установить цвет фона с помощью каскадных таблиц стилей, начиная с CSS, начиная с каскадных таблиц стилей, что такое каскадные таблицы стилей, что такое CSS, как использовать CSS, типы CSS, типы каскадных таблиц стилей, элементы управления

Предыдущая статья

Следующая статья

Опубликовать Избранные изображения

May 2024

Теперь, когда CoffeBreakBlog обновлен до адаптивного для мобильных устройств макета, каждая статья нуждается в специальном изображении. Если вы знакомы с Wordpress, вы знаете о рекомендуемых...

компьютеры

Office 365 Home Premium Обзор

May 2024

Office 365 Home Premium является сабомOffice 365 Home Premium - это сервис Microsoft на основе подписки, который предоставляет домашним пользователям новую версию Office с дополнительными услугами,...