A HTML-tábla háttérszínének megváltoztatása

Ez a cikk elmagyarázza a táblázatban található részek háttérszínének megváltoztatásának módszereit a webhelyen.

A régebbi módszer használta az attribútumot bgcolor egy táblázat háttérszínének megváltoztatásához. Használható egy táblázat sorának vagy egy cellájának színének megváltoztatására is. De a bgcolor attribútum elavult a stíluslapok javára, így ez nem az optimális módszer a táblázat háttérszínének manipulálására.

A háttérszín megváltoztatásának jobb módja a stílus tulajdonság hozzáadása háttérszín a táblázat, a sor vagy a cella címkéjéhez.

Ez a példa megváltoztatja az egész táblázat háttérszínét:

Egyetlen sor színének módosításához illessze be a háttérszín tulajdonságot a.

Egyetlen cella színét megváltoztathatja az attribútum hozzáadásával a.

Alkalmazhat háttérszíneket az asztalfejekre vagy a

A háttérszín megváltoztatása a stíluslapok használatával

Jobb azonban elkerülni a háttér-szín attribútum használatát egy helyesen formázott stíluslap helyett. Például beállíthatja a stílusokat egy stíluslapban a HTML-dokumentum HEAD-jében, vagy beállíthatja őket egy külső stíluslap. Az ilyen változások a HEAD-ben vagy egy külső stíluslapban a táblák, sorok és cellák esetében így jelenhetnek meg:

táblázat {háttér-szín: # ff0000; }
tr {háttérszín: sárga; }
td {háttérszín: # 000; }

Oszlop háttérszínének beállítása

Az oszlop háttérszínének beállításának legjobb módja a stílusosztály majd rendelje hozzá az oszlop celláihoz. Osztály létrehozása lehetővé teszi az adott oszlop celláihoz való hozzárendelését egy attribútum segítségével.

A CSS:

td. ColColor {háttér-szín: kék; }

A HTML:

cella 1cell 2cell 1cell 2

A háttérszínek stíluslapon keresztül történő vezérlésének egyik jelentős előnye, hogy később megváltoztathatja a színválasztást. A HTML dokumentum áttekintése és az egyes cellák módosítása helyett egyetlen változtatást hajthat végre a színválasztásban a CSS hogy azonnal alkalmazandó lesz minden olyan esetre, ahol a class = "ColColor" megjelenik a szintaxis.