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

В этой статье объясняются методы изменения цвета фона частей таблицы на веб-сайте.

В более старом методе использовался атрибут bgcolor для изменения цвета фона таблицы. Его также можно использовать для изменения цвета строки таблицы или ячейки таблицы. Но атрибут bgcolor устарел в пользу таблиц стилей, поэтому это не лучший способ манипулировать цветом фона таблицы.

Лучший способ изменить цвет фона - добавить свойство стиля фоновый цвет к тегу таблицы, строки или ячейки.

В этом примере изменяется цвет фона всей таблицы:

Чтобы изменить цвет отдельной строки, вставьте свойство background-color в файл.

Вы можете изменить цвет отдельной ячейки, добавив атрибут в.

Вы также можете применить цвета фона к заголовкам таблиц или

Изменение цвета фона с помощью таблиц стилей

Однако лучше избегать использования атрибута background-color в пользу правильно отформатированной таблицы стилей. Например, вы можете установить стили в таблице стилей в HEAD вашего HTML-документа или установить их в

внешняя таблица стилей. Подобные изменения в HEAD или внешней таблице стилей могут выглядеть следующим образом для таблиц, строк и ячеек:

таблица {цвет фона: # ff0000; }
tr {цвет фона: желтый; }
тд {цвет фона: # 000; }

Настройка цвета фона столбца

Лучший способ установить цвет фона для столбца - создать класс стиля а затем назначьте его ячейкам столбца. Создание класса позволяет вам назначать этот класс ячейкам в определенном столбце с помощью одного атрибута.

CSS:

тд. ColColor {цвет фона: синий; }

HTML:

ячейка 1 ячейка 2 ячейка 1 ячейка 2

Одним из значительных преимуществ управления цветами фона с помощью таблицы стилей является то, что вы можете изменить свой выбор цвета позже. Вместо того, чтобы просматривать HTML-документ и вносить изменения в каждую отдельную ячейку, вы можете внести одно изменение в выбор цвета в CSS это будет немедленно применено к каждому экземпляру, где class = "ColColor" появляется синтаксис.