Методът за промяна на цветовете на фона на части от таблица в даден уебсайт се промени с течение на годините, ставайки по-лесен и по-малко трудоемък с въвеждането на стилови листове.
По-старият метод използва атрибута bgcolor за промяна на цвета на фона на таблицата. Тя може да се използва и за промяна на цвета на ред на таблица или клетка на таблицата. Атрибутът bgcolor обаче е отхвърлен в полза на стиловите листове, така че не е оптималният начин за манипулиране на цвета на фона на таблицата.
По-добрият начин да промените цвета на фона е да добавите цвета на фона на стила на собственост към таблицата, реда или клетката.
Това ще промени цвета на фона на цялата таблица:
За да промените цвета на един ред, поставете свойството за цвят на фона в
етикет:
Можете да промените цвета на отделна клетка, като добавите атрибута към
етикет:
|
Можете също така да прилагате цветове на фона на табличните глави или на | таг, по същия начин: | Промяна на цвета на фона чрез използване на стилови листове
Ако не искате да добавите цвета на фона на стила към таблицата, съществуват алтернативни начини за задаване на цвета на фона. Например, можете да зададете стиловете в лист с стилове в HEAD на вашия HTML документ или да ги зададете в външен стилов лист. Промените в HEAD или в външен лист за стилове може да изглеждат като тези за таблици, редове и клетки:
маса {background-color: # ff0000; } tr {цвят на фона: жълт; } td {фон-цвят: # 000; } Настройване на цвета на фона на колоната
Най-добрият начин да зададете цвета на фона за колона е да създадете класа за стил и след това да го присвоите на клетките в тази графа. Създаването на класа ви позволява да присвоите този клас на клетките в конкретна колона, като използвате един атрибут.
CSS:
td.ColColor {цвят на фона: син; } HTML:
| клетка 1 | клетка 2 | | клетка 1 | клетка 2 |
Едно съществено предимство на контрола на цветовете на фона чрез листа стил е възможността да промените цвета си по-късно. Вместо да се налага да преминете през HTML документа и да направите промяната във всяка отделна клетка, можете да направите една промяна в избора на цвят в CSS и тя веднага ще бъде приложена към всеки случай, в който се използва class = "ColColor". Това спестява огромно количество време и значително намалява шансовете за грешки, като липсата на промяна в цвета на клетката.
Дори и да не сте променили преди това цветовете на фона на дадена таблица в уеб документ, можете да копирате примерите по-горе и да експериментирате с този метод сами. Ще откриете бързо колко лесно е да правите промени в цвета, като използвате етикети за стилове, особено стилови листа, ако работите с големи уебсайтове. Изпробвайте различните представени опции и изберете този, който в крайна сметка е най-удобният за вас.
|
