Metoden til at ændre baggrundsfarven på dele af et bord på en hjemmeside er ændret gennem årene, blevet lettere og mindre arbejdskrævende med indførelsen af stilark.
Den ældre metode brugte attributten bgcolor til at ændre baggrundsfarven på en tabel. Det kan også bruges til at ændre farven på en bordrække eller en tabelcelle. Men bgcolor-attributten er blevet udskrevet til fordel for stilark, så det er ikke den optimale måde at manipulere bordets baggrundsfarve på.
Den bedre måde at ændre baggrundsfarven på er at tilføje stilegenskabens baggrundsfarve til tabellen, rækken eller cellemærket.
Dette ændrer baggrundsfarven på et helt bord:
For at ændre farven på en enkelt række indsætter du baggrundsfarveegenskaben i
tag:
Du kan ændre farven på en enkelt celle ved at tilføje attributten til
tag:
|
Du kan også anvende baggrundsfarver til bordhoveder eller | tag på samme måde: | Skift baggrundsfarve ved hjælp af stilark
Hvis du ikke vil tilføje baggrundsfarven til stilegenskaberne til tabellen, er der alternative måder at indstille baggrundsfarven på. Du kan f.eks. Indstille stilarterne i et stilark ved HEAD i dit HTML-dokument eller angive dem i et eksternt stilark. Ændringer i HEAD eller i et eksternt stilark kan forekomme som disse for tabeller, rækker og celler:
bord {baggrundsfarve: # ff0000; } tr {baggrundsfarve: gul; } td {baggrundsfarve: # 000; } Indstilling af kolonne baggrundsfarve
Den bedste måde at indstille baggrundsfarven på en kolonne på er at oprette en stilklasse og derefter tildele denne klasse til cellerne i den kolonne. Hvis du opretter en klasse, kan du tildele denne klasse til cellerne i en bestemt kolonne ved hjælp af en attribut.
CSS:
td.ColColor {baggrundsfarve: blå; } HTML:
| celle 1 | celle 2 | | celle 1 | celle 2 |
En væsentlig fordel ved at kontrollere baggrundsfarver gennem et stilark er evnen til at ændre dit farvevalg på et senere tidspunkt. I stedet for at skulle gennemgå HTML-dokumentet og foretage ændringen til hver enkelt celle, kan du foretage en enkelt ændring i farvevalg i CSS'en, og den vil straks blive anvendt til alle tilfælde, hvor klassen = "ColColor" bruges. Dette sparer enorme mængder tid og reducerer risikoen for fejl, som f.eks. Mangler en cellefarveændring.
Selvom du aldrig har ændret baggrundsfarverne på et bord i et webdokument før, kan du kopiere eksemplerne ovenfor og eksperimentere med denne metode alene. Du opdager hurtigt, hvor nemt det er at lave farveændringer ved hjælp af stilkoder, især stilark, hvis du arbejder med store websites. Prøv de forskellige muligheder, der præsenteres, og vælg den, der i sidste ende er den mest komfortable til dig.
|
