Как да промените цвета на фона на HTML таблица

Тази статия обяснява методите за промяна на цветовете на фона на части от таблица на уебсайт.

По-старият метод използва атрибута bgcolor за да промените цвета на фона на таблица. Може да се използва и за промяна на цвета на ред на таблица или клетка на таблица. Но атрибутът bgcolor е остарял в полза на таблици със стилове, така че не е оптималният начин за манипулиране на цвета на фона на таблицата.

По-добрият начин да промените цвета на фона е да добавите свойството стил Цвят на фона към таблицата, реда или маркера на клетката.

Този пример променя цвета на фона на цяла таблица:

За да промените цвета на един ред, вмъкнете свойството background-color в.

Можете да промените цвета на една клетка, като добавите атрибута към.

Можете също да приложите цветовете на фона към главите на таблици или

Променете цвета на фона, като използвате таблици със стилове

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

таблица {background-color: # ff0000; }
tr {цвят на фона: жълт; }
td {фон-цвят: # 000; }

Задаване на цвят на фона на колона

Най-добрият начин да зададете цвета на фона за колона е да създадете стил стил и след това да го присвоите на клетките на колоната. Създаването на клас ви позволява да присвоите този клас на клетките в определена колона, като използвате един атрибут.

CSS:

td. ColColor {цвят-фон: син; }

HTML:

клетка 1 клетка 2 клетка 1 клетка 2

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