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

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

Как да започнете

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

Ако по някаква причина не искате да добавите към таблицата цвета на фона на стил собственост, има алтернативи, от които да изберете. Например, можете да зададете стиловете в лист с стилове в главата на вашия документ или в външен стилов лист . Вижте следното:

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

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

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

CSS:

td.blueCol {цвят на фона: син; }

HTML:

class = "blueCol" > клетка 1 клетка 2

Обобщавайки

Дори ако никога не сте променили цветовете на фона на таблицата преди, можете да копирате примерите по-горе, за да опитате този метод сам. Изпробвайте различните представени опции и изберете този, с който в крайна сметка се чувствате най-удобно. И ако искате повече информация за таблици HTML, разгледайте тази често задавани въпроси за допълнителни подробности.