Hvernig á að breyta bakgrunnslit í töflu

Margir nýliði eða áhugamaður vefur hönnuðir vilja vita hvernig á að breyta bakgrunnslit á borði. Eftir nokkrar mínútur geturðu lært hvernig á að framkvæma þessa tækni með þessari stutta einkatími. Aðferðin er ekki eins ógnvekjandi og það virðist. Breyting bakgrunnslitar töflu er eins einföld og að bæta við einum eiginleiki í reitnum, röðinni eða töflunni sem þú vilt litað.

Hvernig á að byrja

Eiginleiki bgcolor mun breyta bakgrunnslitnum á töflunni sem og núverandi töflu röð eða núverandi töflu klefi. En bgcolor eiginleiki er fjarlægður í þágu stílblöð, þannig að það er ekki besti leiðin til að breyta bakgrunnslitum töflunnar. Betri leiðin til að breyta bakgrunnslitnum er að bæta við stíllinn að bakgrunni-lit í töflunni, röð eða reitinn. Sjá dæmi hér að neðan til að læra hvernig.

Ef af einhverri ástæðu, vilt þú ekki bæta við stíllareiginleikanum bakgrunnslit við borðið, þá eru valkostir sem þú getur valið. Til dæmis getur þú stillt stíllinn í stílblað í höfðinu á skjalinu þínu eða í utanaðkomandi stílblað . Sjá eftirfarandi:

borð (bakgrunnslit: # ff0000; } tr {bakgrunnslit: gult; } td {bakgrunnslit: # 000; }

Stillt bakgrunnslit

Besta leiðin til að stilla bakgrunnslitinn á dálki er að búa til stílflokka og þá tengja þá bekknum við frumurnar í þeim dálki. Skoðaðu dæmin hér fyrir neðan til að læra hvernig á að gera þetta.

The CSS:

td.blueCol {bakgrunnslit: blár; }

HTML:

< p >
class = "blueCol" > reit 1 reit 2
class = "blueCol" > klefi 2

Klára

Jafnvel ef þú hefur aldrei breytt bakgrunnslitum borðar áður getur þú afritað dæmin hér að ofan til að reyna þessa aðferð á eigin spýtur. Prófaðu mismunandi valkosti sem eru kynntar og veldu þá sem þú vilt að lokum líða þér vel við. Og ef þú vilt fá frekari upplýsingar um HTML töflur skaltu hafa samband við þetta algengar spurningar til að fá frekari upplýsingar.