Como cambiar a cor de fondo dunha táboa

Moitos deseñadores web novatos ou afeccionados queren saber como cambiar a cor de fondo dunha táboa. En cuestión de minutos, podes aprender a executar esta técnica con este breve tutorial. O método non é tan intimidante como parece. Cambiar a cor de fondo dunha táboa é tan sinxela como engadir un atributo na cela, fila ou táboa que desexa coloreada.

Como empezar

O atributo bgcolor cambiará a cor de fondo da táboa así como a fila da táboa actual ou a cela da táboa actual. Pero o atributo bgcolor está desfasado en favor das follas de estilo, polo que non é o xeito máis óptimo de cambiar a cor de fondo da táboa. A mellor forma de cambiar a cor de fondo é engadir a cor de fondo da propiedade do estilo á etiqueta da táboa, da fila ou da cela. Vexa o seguinte exemplo para saber como.

Se por algunha razón, non quere engadir a cor de fondo da propiedade do estilo á táboa, hai alternativas para escoller. Por exemplo, pode definir os estilos nunha folla de estilo no encabezado do documento ou nunha folla de estilo externa . Vexa o seguinte:

táboa {background-color: # ff0000; } tr {background-color: amarelo; } td {background-color: # 000; }

Estabelecendo a cor de fondo

A mellor forma de definir a cor de fondo nunha columna é crear unha clase de estilo e asignar esa clase ás celas nesa columna. Mire os exemplos a continuación para saber como facer isto.

O CSS:

td.blueCol {background-color: azul; }

O HTML:

class = "blueCol" > cela 1 cela 2
class = "blueCol" > cela 1 célula 2

Envoltando

Mesmo se nunca modificou as cores de fondo dunha táboa anterior, pode copiar os exemplos anteriores para probar este método por conta propia. Proba as diferentes opcións presentadas e elixe o que co que finalmente se sinta máis cómodo. E se desexa máis información sobre táboas HTML, consulte este FAQ para obter máis información.