Diferenciranje tablica iz njihovih pozadina pomaže naglasiti sadržaj tablice u odnosu na sve drugo na web stranici. Da biste dodali pozadinu tablice, morat ćete ugađati kaskadni stilski obrazac (CSS) koji podržava vašu web stranicu.
Početak rada
Korištenje CSS-a najbolji je način dodavanja pozadinske slike u tablicu
pozadina
nekretnine. Da biste se pripremili za učinkovito pisanje CSS-a i izbjegavanje neočekivanih nedostataka prikaza, otvorite pozadinsku sliku i zabilježite visinu i širinu. Zatim prenesite svoju sliku svom pružatelju usluge hostinga. Ispitajte URL slike; jedan od najčešćih razloga zbog kojih se slike ne prikazuju je jer postoji URL pogreške. Nakon što ste završili taj korak, stavite blok stilu CSS u glavu dokumenta:
tablica {background: url (" URL slike ") ne-ponoviti;} Postavite širinu i visinu tablice kako bi odgovarale širini i visini slike. Ako je sadržaj tablice veći od visine i širine slike, pozadinska slika će se prikazati samo jednom. Gore navedene upute postavit će istu pozadinsku sliku na svakoj tablici na stranici. Ako želite pozadinu staviti samo na određene tablice, morate upotrijebiti a klasa
table.background {background: url (" URL slike ") ne-ponoviti;} Veći stolovi ili stolovi s većim sadržajem možda će trebati ponoviti pozadinu tako da se cijeli stol napuni. Promijenite vrijednost u svojem CSS-u tako da se slika ponavlja na osi y, x-osi ili je popločana na oba. pozadina: url ("URL za sliku") ponavljanje;
Po defaultu ponovljena vrijednost će biti popločena, ali možete i postaviti ponovljenu vrijednost ponoviti-x
ili ponovi-y Sve boje pozadine postavljene na ćelijama tablice nadjačat će pozadinsku sliku na stolu. Stoga budite oprezni pri korištenju pozadinskih boja na svojim ćelijama u kombinaciji sa slikama pozadine stola. Pozadina tablice postavit će vaše tablice odvojeno od osnovne stranice. Međutim, razmislite dvaput prije korištenja ove tehnike. Umetanje neutralne slike ne smije biti uznemirujuće, ali složene slike namijenjene slatkoću (na primjer, umetanje slike mačića iza tablice koja označava posvojenje kućnih ljubimaca) može se pojaviti neprofesionalno i može utjecati na čitljivost tabličnih podataka. Svaka slika koju koristite mora biti ispravno licencirana; samo zato što možete pronaći fotografiju na webu ne znači da ga možete prilagoditi za vlastitu upotrebu. Poštujte autorska prava!
ćeliju 1 stanica 2 ćeliju 1 stanica 2 …
Stavite pozadinu na samo jedan stol
class = "background" style = "width: 400px; visina: 500px;> …
Dopustite ponovnu sliku pozadine stola
na pločice vodoravno ili okomito, respektivno.
Boje pozadine stana blokiraju pozadinu tablice
Razmatranja