Nos exemplos anteriores usamos cores para distinguir os elementos. A propriedade "color" (cor) define a cor do texto dos elementos. A propriedade "background-color" (cor-de-fundo) define a cor da caixa do elemento. As cores podem ser descritas de várias formas. Uma delas é usando uma das 16 palavras-chave definidas no HTML 4.0: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. (1).
| Documento XML | folha de estilos CSS | Exemplo de ligação |
|---|---|---|
|
(1)
<AAA> <aqua>aqua</aqua> <black>black</black> <blue>blue</blue> <fuchsia>fuchsia</fuchsia> <gray>gray</gray> <green>green</green> <lime>lime</lime> <maroon>maroon</maroon> <navy>navy</navy> <olive>olive</olive> <purple>purple</purple> <red>red</red> <silver>silver</silver> <teal>teal</teal> <white>white</white> <yellow>yellow</yellow> </AAA> | AAA {background-color:#AAAAAA} aqua {color:aqua} black {color:black} blue {color:blue} fuchsia {color:fuchsia} gray {color:gray} green {color:green} lime {color:lime} maroon {color:maroon} navy {color:navy} olive {color:olive} purple {color:purple} red {color:red} silver {color:silver} teal {color:teal} white {color:white} yellow {color:yellow} | Ver resultado |