Kiel ŝanĝi la fonan koloron de tabelo

Multaj novuloj aŭ amatoraj retpaĝistoj volas scii kiel ŝanĝi la fonan koloron de tablo. En demando de minutoj, vi povas lerni kiel ekzekuti ĉi tiun teknikon per ĉi tiu mallonga lernilo. La metodo ne estas tiel timiga kiel ĝi aspektas. Ŝanĝi la fonan koloron de tablo estas tiel simpla kiel aldoni unu atributon sur la ĉelo, vico aŭ tablo, kiun vi volas kolorigi.

Kiel komenci

La atributo bgcolor ŝanĝos la fonkoloron de la tablo same kiel la nuna tabulo aŭ la nuna tablo-ĉelo. Sed la bgcolor- atributo estas senkulpigita al favoro de stila folioj, do ĝi ne estas la plej optimuma maniero ŝanĝi la fonkoloron de la tablo. La pli bona maniero ŝanĝi la fonkoloron estas aldoni la strukturan posedaĵon al la tablo, vico aŭ ĉela etikedo. Vidu la ekzemplon sube por lerni kiel.

Se, pro iu kialo, vi ne volas aldoni la stilon de fonoj al la tablo, ekzistas alternativoj por elekti. Ekzemple, vi povas agordi la stilojn en stila folio en la kapo de via dokumento aŭ en ekstera stilo-folio . Vidu jenajn:

tablo {background-color: # ff0000; } tr {background-color: flava; } td {background-color: # 000; }

Fiksante la Fona Koloro

La plej bona maniero por agordi fonkoloron sur kolumno estas krei stilon de klaso kaj tiam asigni tiun klason al la ĉeloj en tiu kolumno. Rigardu la ekzemplojn sube por lerni kiel fari ĉi tion.

La CSS:

td.blueCol {fonkoloro: blua; }

La HTML:

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

Envolvado

Eĉ se vi neniam ŝanĝis la fonkolorojn de tablo antaŭe, vi povas kopii la ekzemplojn supre por provi ĉi tiun metodon por via propra. Provu la malsamajn eblojn prezentitajn kaj elektu la unu kun kiu vi finfine sentas plej komforta. Kaj se vi volas pli da informoj pri HTML-tabloj, konsultu ĉi Demandojn por pliaj detaloj.