Com canviar el color de fons d'una taula

Molts dissenyadors web principiants o aficionats volen saber com canviar el color de fons d'una taula. En qüestió de minuts, podeu aprendre a executar aquesta tècnica amb aquest breu tutorial. El mètode no és tan intimidant com sembla. Canviar el color de fons d'una taula és tan senzill com afegir un atribut a la cel·la, la fila o la taula que vulgueu amb colors.

Com començar

L'atribut bgcolor canviarà el color de fons de la taula, així com la fila de taula actual o la cel·la de la taula actual. Però l'atribut bgcolor està desaconsellat a favor dels fulls d'estil, de manera que no és la forma més òptima de canviar el color de fons de la taula. La millor manera de canviar el color de fons és afegir el color de fons de la propietat d'estil a la taula, l'etiqueta de la fila o de la cel·la. Vegeu l'exemple següent per saber com fer-ho.

Si per alguna raó, no voleu afegir el color de fons de la propietat d'estil a la taula, hi ha alternatives per escollir. Per exemple, podeu establir els estils en un full d'estils al capdavant del document o en un full d'estils externs . Vegeu el següent:

taula {background-color: # ff0000; } tr {background-color: yellow; } td {background-color: # 000; }

Configuració del color de fons

La millor manera d'establir el color de fons en una columna és crear una classe d'estil i assignar aquesta classe a les cel·les d'aquesta columna. Mireu els exemples següents per saber com fer-ho.

El CSS:

td.blueCol {background-color: blau; }

L'HTML:

class = "blueCol" > cell 1 cell 2
class = "blueCol" > cell 1 cel·la 2

Embolcall

Fins i tot si mai heu canviat els colors de fons d'una taula abans, podeu copiar els exemples anteriors per provar aquest mètode pel vostre compte. Proveu les diferents opcions que es presenten i trieu la que us feu sentir còmodes. I si voleu més informació sobre taules HTML, consulteu aquest FAQ per obtenir més informació.