Mnoho nováček nebo amatérských webových designérů chce vědět, jak změnit barvu pozadí tabulky. Během několika minut se můžete naučit tuto techniku provést pomocí tohoto krátkého kurzu. Metoda není tak zastrašující, jak se zdá. Změna barvy pozadí tabulky je stejně jednoduché jako přidání jednoho atributu na buňku, řádek nebo tabulku, kterou chcete zbarvit.
Jak začít
Atribut bgcolor změní barvu pozadí tabulky stejně jako aktuální řádek tabulky nebo aktuální buňku tabulky. Ale atribut bgcolor je zastaralý ve prospěch stylových listů, takže nejde o optimální způsob, jak změnit barvu pozadí tabulky. Lepší způsob, jak změnit barvu pozadí, je přidat barvu pozadí vlastností stylu do tabulky, řádku nebo značky buňky. Další informace naleznete v následujícím příkladu.
Nastavení barvy pozadí
Nejlepší způsob, jak nastavit barvu pozadí na sloupec, je vytvořit třídu stylů a přiřadit tuto třídu do buněk v tomto sloupci. Podívejte se na níže uvedené příklady, abyste se dozvěděli, jak to udělat.
CSS:
td.blueCol {barva pozadí: modrá; }}HTML:
class = "blueCol" > buňka 1 td> | buňka 2 td> | buňka 2 td> tr> table> Obalování nahoruI když jste předtím nikdy nezměnili barvy pozadí tabulky, můžete zkopírovat výše uvedené příklady, abyste tuto metodu vyskúšeli sami. Vyzkoušejte různé nabízené možnosti a vyberte si ten, se kterým se budete cítit nejpohodlněji. A pokud chcete získat další informace o tabulkách HTML, pro více podrobností si přečtěte tuto FAQ . |