Sådan ændres baggrundsfarven på en HTML-tabel

Denne artikel forklarer metoderne til at ændre baggrundsfarverne på dele af en tabel på et websted.

Den ældre metode brugte attributten bgfarve for at ændre baggrundsfarven på en tabel. Det kan også bruges til at ændre farven på en tabelrække eller en tabelcelle. Men bgcolor-attributten er udfaset til fordel for stilark, så det er ikke den optimale måde at manipulere et bords baggrundsfarve på.

Den bedre måde at ændre baggrundsfarven på er at tilføje stilegenskaben baggrundsfarve til tabellen, rækken eller cellekoden.

Dette eksempel ændrer baggrundsfarven på en hel tabel:

For at ændre farven på en enkelt række skal du indsætte egenskaben baggrundsfarve i.

Du kan ændre farven på en enkelt celle ved at tilføje attributten til.

Du kan også anvende baggrundsfarver på bordhoveder eller

Skift baggrundsfarve ved hjælp af stilark

Det er dog bedre at undgå at bruge attributten baggrundsfarve til fordel for et korrekt formateret stilark. For eksempel kan du indstille typografierne i et typografiark i HEAD af dit HTML-dokument eller indstille dem i et

eksternt stilark. Ændringer som disse i HEAD eller et eksternt stilark kan se ud som disse for tabeller, rækker og celler:

tabel {baggrundsfarve: # ff0000; }
tr {baggrundsfarve: gul; }
td {baggrundsfarve: # 000; }

Indstilling af kolonnens baggrundsfarve

Den bedste måde at indstille baggrundsfarven til en kolonne på er at oprette en stil klasse og tildel det derefter til kolonnens celler. Oprettelse af en klasse giver dig mulighed for at tildele denne klasse til cellerne i en bestemt kolonne ved hjælp af en attribut.

CSS:

td. ColColor {baggrundsfarve: blå; }

HTML:

celle 1celle 2celle 1celle 2

En væsentlig fordel ved at kontrollere baggrundsfarver gennem et stilark er, at du kan ændre dit farvevalg senere. I stedet for at gennemgå HTML-dokumentet og foretage ændringen i hver enkelt celle, kan du foretage en enkelt ændring af farvevalget i CSS der straks vil blive anvendt på alle tilfælde, hvor class = "ColColor" syntaksen vises.