Metoda za promjenu pozadinske boje dijelova tablice na web stranici promijenila se tijekom godina, postala je jednostavnija i manje radno intenzivna s uvođenjem stilskih listova.
Starija metoda koristi atribut bgcolor za promjenu boje pozadine tablice. Također se može koristiti za promjenu boje redaka tablice ili stola tablice. Ali atribut bgcolor je obustavljen u korist stilskih listova pa nije optimalan način manipuliranja pozadinskom bojom tablice.
Bolji način promjene boje pozadine je dodavanje pozadinske boje entiteta stila u tablicu, redak ili oznaku ćelija.
To će promijeniti boju pozadine cijele tablice:
Da biste promijenili boju jednog retka, umetnite svojstvo boje u pozadini u
označiti:
Možete promijeniti boju pojedine ćelije dodavanjem atributa u
označiti:
|
Također možete primijeniti pozadinske boje za stolne glave, ili | oznake, na isti način: | Promjena boje pozadine pomoću stilskih listova
Ako ne želite dodati boju pozadine stila entiteta u tablicu, postoje alternativni načini za postavljanje boje pozadine. Na primjer, stilove možete postaviti u list stila na glavi vašeg HTML dokumenta ili ih postaviti na vanjski stilski list. Izmjene tih stavki u HEAD-u ili u vanjskom listu stilova mogu se pojavljivati ovako za tablice, retke i ćelije:
tablica {background-color: # ff0000; } tr {boja pozadine: žuta; } td {background-color: # 000; } Postavljanje boje pozadine stupca
Najbolji način postavljanja boje pozadine za stupac je stvaranje klase stila, a zatim dodijeliti tu klasu u ćelije u tom stupcu. Stvaranje klase omogućuje vam dodjeljivanje te klase ćelijama u određenom stupcu pomoću jednog atributa.
CSS:
td.ColColor {background-color: plava; } HTML:
| ćeliju 1 | stanica 2 | | ćeliju 1 | stanica 2 |
Jedna od značajnijih prednosti kontrole pozadinskih boja kroz stilski list je sposobnost da promijenite izbor boja kasnije. Umjesto da trebate proći kroz HTML dokument i izvršiti promjenu na svakoj pojedinačnoj ćeliji, možete napraviti jednu promjenu odabira boja u CSS-u i odmah će se primijeniti na svaku instancu u kojoj se koristi class = "ColColor". To štedi ogromne količine vremena i uvelike smanjuje šanse za pogreške, poput nedostatka promjene stanične boje.
Čak i ako nikad prije niste promijenili boju pozadine tablice u web-dokumentu, kopirajte gore navedene primjere i sami eksperimentirajte s tom metodom. Brzo ćete otkriti kako je lako napraviti promjene boja pomoću oznaka stila - osobito stilskih listova ako radite s velikim web mjestima. Isprobajte različite prikazane opcije i odaberite onaj koji je u konačnici najudobniji za vas.
|
