Tabelite eristamine nende taustast aitab rõhutada tabeli sisu kõige muu suhtes veebisaidil. Tabeli tausta lisamiseks peate tabelisse muudatusi tegema kaskaadiga stiilileht teie veebisaidi toetamine.
Alustamine
Parim viis taustpildi lisamiseks tabelisse on CSS-i kasutamine taust vara. Ettevalmistuseks CSS-i tõhusaks kirjutamiseks ja ootamatute kuvamisvigade vältimiseks avage oma taustapilt ning märkige üles kõrgus ja laius. Seejärel laadige oma pilt üles oma hostingu pakkujale. Testige pildi URL-i; üks levinumaid põhjuseid, miks pilte ei kuvata, on see, et URL-is on kirjaviga.
Sisestage oma dokumendi päisesse CSS-i stiiliplokk:
Kirjutage oma laua taustaks oma CSS ja pange see stiiliplokki:
Asetage oma tabel HTML-i:
lahter 1cell 2
lahter 1cell 2
Määrake tabeli laius ja kõrgus nii, et see vastaks pildi laiusele ja kõrgusele.
Määrake tabeli laius ja kõrgus nii, et see vastaks pildi laiusele ja kõrgusele.
Kui teie tabeli sisu on pildi kõrgusest ja laiusest suurem, kuvatakse taustapilti ainult üks kord.
Pange taust ainult ühele tabelile
Ülaltoodud juhised seavad lehe igasse tabelisse sama taustpildi. Ainult konkreetsete tabelite tausta lisamiseks kasutage a klass atribuut. Lisage klasstaust igale tabelile, mille taustpildi soovite saada. Määrake nende laudade laius ja kõrgus.
Laske tabeli taustpilti korrata
Suurematel või suurema sisuga tabelitel võib olla vaja tausta korrata, et kogu tabel oleks täidetud. Muutke oma CSS-i väärtust nii, et pilt korduks y-teljel, x-teljel või oleks mõlemal paanil.
taust: url ("URL pildile") kordus;
Vaikimisi on kordusväärtus paanil, kuid saate ka korrata väärtuseks.
kordus-x
või.
kordus-y
vastavalt horisontaalselt või vertikaalselt.
Lahtrite taustavärvid blokeerivad tabeli taustpildi
Kõik taustavärvid tabelis seatud lahtrid alistavad tabeli taustpildi. Nii et olge lahtrites taustavärvide kasutamisel koos tabeli taustapiltidega ettevaatlik.
Kaalutlused
Kõik teie kasutatavad pildid peavad olema nõuetekohase litsentsiga; See, et foto leiate veebist, ei tähenda, et saaksite selle oma tarbeks omistada. Austage autoriõigusi!
Tabelitaustad eristavad tabeleid aluseks olevast lehest. Enne selle tehnika kasutamist mõelge siiski kaks korda läbi. Neutraalse pildi sisestamine ei pruugi häirida, kuid keerukad, armsaks mõeldud pildid (näiteks a kassipoja pilt laua taga, mis näitab lemmiklooma lapsendamist) võib tunduda ebaprofessionaalne ja võib mõjutada looma loetavust tabeliandmed.