Nola aldatu taula baten atzeko planoko kolorea

Hasiberri edo amateur web diseinatzaile askok mahai baten atzeko planoa nola aldatu jakin nahi dute. Minutu batean, tutorial labur honekin teknika hau nola exekutatu ikas dezakezu. Metodoa ez da beldurgarria, dirudienez. Taula baten atzeko planoko kolorea aldatzea kolorea nahi duzun gelaxkan, errenkadan edo mahaiaren atributu bat gehituz bezain erraza da.

Nola hasi

Atributuaren bgcolor taularen atzeko planoaren kolorea, uneko taula errenkada edo uneko taula zelula aldatuko du. Baina bgcolor atributua zaharkituta dago estilo-orrien alde, beraz ez da mahaiaren atzeko planoaren kolorea aldatzeko modurik egokiena. Atzeko planoko kolorea aldatzeko modu hobea da estiloaren atzeko planoaren kolorea taula, errenkada edo gelaxka etiketa jartzeko. Ikusi beheko adibidea nola ikasten.

Arrazoiren batengatik, ez duzu estiloaren atzeko planoko kolorea gehitzea mahaiari, hautapen alternatiboak daude. Adibidez, estiloak estilo-orri batean ezar ditzakezu dokumentuaren buruan edo kanpoko estilo-orri batean . Ikusi hurrengo hau:

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

Atzeko planoaren kolorea konfiguratzen

Zutabe baten atzealdeko kolorea zehazteko modurik onena estilo-klase bat sortzea da eta, ondoren, gelaxka hori zutabeko gelaxkara esleitu. Begiratu beheko adibideak nola egin.

CSS:

td.blueCol {background-color: blue; }

HTMLa:

class = "blueCol" > zelula 1 zelula 2
class = "blueCol" > zelula 1 gelaxka 2

Itzulbiratu

Taula baten atzeko planoko koloreak aldatu ez badituzu ere, goiko adibide kopiatu dezakezu metodo hau zeure kabuz probatzeko. Saiatu aurkeztutako aukera desberdinak eta azkenik erosoago sentitzen zarenarekin aukeratu. HTML taulen inguruko informazio gehiago nahi baduzu, kontsultatu FAQ honi xehetasun gehiagorako.