Jak změnit barvu pozadí tabulky

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.

Pokud z nějakého důvodu nechcete přidávat barvu pozadí vlastností stylu do tabulky, existují alternativy, z nichž si můžete vybrat. Můžete například nastavit styly v listu stylů v hlavičce dokumentu nebo v externím stylu . Viz následující:

tabulka {barva pozadí: # ff0000; } tr {barva pozadí: žlutá; } td {barva pozadí: # 000; }}

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 buňka 2 buňka 2

Obalování nahoru

I 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 .