Diferențierea tabelelor din mediile lor contribuie la evidențierea conținutului tabelului față de orice altceva de pe pagina web. Pentru a adăuga un fond de masă, va trebui să optimizați foaia de stil cascadă (CSS) care să vă suporte pagina Web.
Noțiuni de bază
CSS este cel mai bun mod de a adăuga o imagine de fundal la o masă
fundal
proprietate. Pentru a vă pregăti să scrieți în mod eficient CSS și pentru a evita problemele de afișare neașteptate, deschideți imaginea de fundal și notați înălțimea și lățimea. Apoi, încărcați imaginea la furnizorul dvs. de găzduire. Testați adresa URL pentru imagine; unul dintre cele mai frecvente motive pentru care imaginile nu se afișează este faptul că există o tipografie în URL-ul. După ce ați terminat acel pas, puneți un bloc de stil CSS în capul documentului dvs.:
tabelul {background: url (" URL la imagine ") nu-repeta;} Setați lățimea și înălțimea mesei pentru a se potrivi lățimii și înălțimii imaginii Dacă conținutul mesei este mai mare decât înălțimea și lățimea imaginii, imaginea de fundal va fi afișată o singură dată. Instrucțiunile de mai sus vor stabili aceeași imagine de fundal pe fiecare tabel din pagină. Dacă doriți să puneți fundalul numai pe anumite mese, trebuie să utilizați a clasă
table.background {background: url (" URL la imagine ") nu-repeta;} Este posibil ca tabelele mai mari sau tabelele cu mai mult conținut să necesite repetarea fundalului, astfel încât întregul tabel să fie completat. Modificați valoarea în CSS astfel încât imaginea să se repete pe axa y, pe axa x sau pe ambele. fundal: url ("URL la imagine") repeta;
Implicit, valoarea repetată va fi dală, dar puteți seta și valoarea de repetare repeat-x
sau repeat-y Toate culorile de fundal setate pe celulele tabelului vor suprascrie imaginea de fundal de pe masă. Așadar, aveți grijă când utilizați culori de fundal pe celule în combinație cu imagini de fundal de masă. Tabelele de fundal vă vor stabili tabelele în afară de pagina de bază. Cu toate acestea, gândiți-vă de două ori înainte de a utiliza această tehnică. Introducerea unei imagini neutre ar putea să nu distragă atenția, dar imaginile complicate care sunt drăguțe (de exemplu, inserarea unei imagini a unui pisoi în spatele unei mese care indică adopții pentru animalele de companie) pot părea neprofesionale și pot afecta lizibilitatea datelor tabulare. Orice imagine pe care o utilizați trebuie să fie licențiată corespunzător; doar pentru că puteți găsi o fotografie pe Web nu înseamnă că o puteți folosi pentru uzul propriu. Respectați drepturile de autor!
celula 1 celula 2 celula 1 celula 2 …
Puneți un fundal pe o singură masă
class = "background" style = "width: 400px; height: 500px;> …
Permiteți repetarea imaginii de fundal a mesei
pentru a tigla orizontal sau vertical, respectiv.
Culorile fundalului de celule blochează imaginea de fundal a mesei
consideraţii
