Sut i Newid Lliw Cefndir Tabl

Mae llawer o ddylunwyr gwe newydd neu amatur yn dymuno gwybod sut i newid lliw cefndir tabl. Mewn ychydig funudau, gallwch ddysgu sut i weithredu'r dechneg hon gyda'r tiwtorial byr hwn. Nid yw'r dull mor ddychryn ag y mae'n ymddangos. Mae newid lliw cefndir y bwrdd mor syml ag ychwanegu un nodwedd ar y gell, rhes neu fwrdd rydych chi am ei liwio.

Sut i Gychwyn

Bydd y priodwedd bgcolor yn newid lliw cefndir y bwrdd yn ogystal â'r rhes tabl presennol neu'r gell bwrdd bresennol. Ond mae'r priodwedd bgcolor yn ddigyfnewid o blaid dalenni arddull, felly nid dyma'r ffordd fwyaf gorau i newid lliw cefndir y bwrdd. Y ffordd well o newid lliw cefndirol yw ychwanegu'r eiddo arddull cefndir-liw i'r tabl, rhes neu'r tag cell. Gweler yr enghraifft isod i ddysgu sut.

Os am ​​ryw reswm, nid ydych am ychwanegu'r arddull cefndir-lliw i'r eiddo, mae dewisiadau eraill i ddewis ohonynt. Er enghraifft, gallwch osod yr arddulliau mewn dalen arddull ym mhennaeth eich dogfen neu mewn dalen arddull allanol . Gweler y canlynol:

tabl {cefndir-liw: # ff0000; } tr {cefndir-liw: melyn; } td {cefndir-liw: # 000; }

Gosod y Lliw Cefndirol

Y ffordd orau o osod y lliw cefndir ar golofn yw creu dosbarth arddull ac yna neilltuo'r dosbarth hwnnw i'r celloedd yn y golofn honno. Edrychwch ar yr enghreifftiau isod i ddysgu sut i wneud hyn.

Y CSS:

td.blueCol {cefndir-liw: glas; }

Mae'r HTML:

class = "blueCol" > cell 1 cell 2
class = "blueCol" > cell 1 cell 2

Ymdopio

Hyd yn oed os nad ydych erioed wedi newid lliwiau cefndir y bwrdd o'r blaen, gallwch gopïo'r enghreifftiau uchod i roi cynnig ar y dull hwn ar eich pen eich hun. Rhowch gynnig ar y gwahanol opsiynau a gyflwynir a dewiswch yr un yr ydych chi yn y pen draw yn teimlo'n fwyaf cyfforddus. Ac os ydych am gael rhagor o wybodaeth am dablau HTML, edrychwch ar y Cwestiynau Cyffredin hwn am fanylion ychwanegol.