Ako zmeniť farbu pozadia tabuľky

Mnoho nováčikov alebo amatérskych webových dizajnérov chce vedieť, ako zmeniť farbu pozadia tabuľky. Počas niekoľkých minút sa môžete naučiť, ako túto techniku ​​vykonať pomocou tohto krátkeho tutoriálu. Metóda nie je taká zastrašujúca, ako sa zdá. Zmena farby pozadia tabuľky je jednoduchá ako pridaním jedného atribútu do bunky, riadka alebo tabuľky, ktorú chcete sfarbiť.

Ako začať

Atribút bgcolor zmení farbu pozadia tabuľky, ako aj aktuálny riadok tabuľky alebo aktuálnu bunku tabuľky. Ale atribút bgcolor je zastaraný v prospech šablón štýlov, takže nie je to optimálny spôsob, ako zmeniť farbu pozadia tabuľky. Lepším spôsobom, ako zmeniť farbu pozadia, je pridať farbu pozadia farby štýlu do tabuľky, riadku alebo bunkovej značky. Pozrite si príklad nižšie a zistite, ako.

Ak z nejakého dôvodu nechcete pridať farbu pozadia farby štýlu do tabuľky, existujú alternatívy, z ktorých si môžete vybrať. Môžete napríklad nastaviť štýly v štýle šablón v hlavičke dokumentu alebo v externom štýle . Pozrite si nasledujúce informácie:

tabuľka {farba pozadia: # ff0000; } tr {farba pozadia: žltá; } td {farba pozadia: # 000; }

Nastavenie farby pozadia

Najlepším spôsobom, ako nastaviť farbu pozadia v stĺpci, je vytvorenie triedy štýlov a priradenie tejto triedy bunkám v tomto stĺpci. Pozrite sa na nižšie uvedené príklady, aby ste sa dozvedeli, ako to urobiť.

CSS:

td.blueCol {farba pozadia: modrá; }

HTML:

class = "blueCol" > bunka 1 bunka 2
bunka 2

Zbaliť

Aj keď ste predtým nikdy nezmenili farby pozadia tabuľky, môžete skopírovať vyššie uvedené príklady, aby ste túto metódu vyskúšali sami. Vyskúšajte rôzne prezentované možnosti a vyberte si ten, s ktorým sa cítite najviac pohodlne. Ak chcete získať ďalšie informácie o tabuľkách HTML, prečítajte si ďalšie časté informácie o týchto otázkach .