A weboldalon található táblák részei háttérszínének megváltoztatására szolgáló módszer az évek során megváltozott, könnyebbé és kevésbé munkaigényesvé vált a stíluslapok bevezetésével.
A régebbi módszer a bgcolor attribútumot használta egy táblázat háttérszínének megváltoztatására. Használható az asztalsor vagy a táblázat cellájának színének megváltoztatására is. De a bgcolor attribútum elavult a stíluslapok javára, ezért nem az optimális módja annak, hogy az asztal háttérszínét manipuláljuk.
A háttérszín megváltoztatásának jobb módja az, hogy hozzáadja a stílus tulajdonság háttérszínét az asztalhoz, sorhoz vagy cellataghoz.
Ez megváltoztatja egy teljes tábla háttérszínét:
Egyetlen sor színének megváltoztatásához helyezze be a háttérszín tulajdonságot a
címke:
Az egy cella színét módosíthatja az attribútum hozzáadásával
címke:
|
A háttérszíneket is az asztalfejekre vagy a | tag, ugyanúgy: | Háttérszín módosítása a stíluslapok használatával
Ha nem szeretné hozzáadni a stílus tulajdonság háttérszínét az asztalhoz, akkor alternatív módon állíthatja be a háttérszínt. Például beállíthatja a stílusokat egy stíluslapban a HTML dokumentum fejlécében, vagy külső stíluslapként állíthatja be. Ezek a változtatások a HEAD-ban vagy egy külső stíluslapban hasonlóak lehetnek asztalokhoz, sorokhoz és cellákhoz:
táblázat {háttérszín: # ff0000; } tr {háttérszín: sárga; } td {háttérszín: # 000; } Az oszlop háttérképének beállítása
Az oszlop háttérképének legjobb módja, hogy létrehozzon egy stílusosztályt, majd hozzárendelje azt az oszlophoz az oszlopban lévő cellákhoz. Egy osztály létrehozása lehetővé teszi, hogy az adott osztályt egy adott oszlopban lévő cellákhoz hozzárendeljük egy attribútum használatával.
A CSS:
td.ColColor {háttérszín: kék; } A HTML:
| sejt 1 | 2. sejt | | sejt 1 | 2. sejt |
A háttérszíneknek a stíluslapon keresztüli vezérlésének egyik jelentős előnye, hogy később megváltoztathatja a színválasztékot. Ahelyett, hogy a HTML-dokumentumon át kellett volna mennie, és minden egyes cellához át kell alakítania a változást, egyetlen változtatást végezhet a CSS színválasztékában, és azonnal alkalmazásra kerül minden olyan esetben, ahol az osztály = "ColColor". Ez óriási időt takarít meg, és nagymértékben csökkenti a hibák esélyeit, például a cella színváltozását.
Még akkor is, ha még soha nem változtatta meg a táblázatban a táblázatok háttérszínét egy webes dokumentumban, a fenti példákat másolhatja és kísérelheti meg ezzel a módszerrel. Gyorsan felfedezheti, milyen egyszerű a színváltoztatás a stílusjegyzékkel - különösen a stíluslapokkal, ha nagy weboldalakkal dolgozik. Próbálja ki a bemutatott különböző lehetőségeket, és válassza ki azt, amely végső soron a legmegfelelőbb az Ön számára.
|
