Uzu la CSS-fonan posedaĵon por aldoni bildon fono al tabloj
Malsamaj tabloj de iliaj fonoj helpas emfazi la enhavon de la tablo rilate al ĉio cetera en la retpaĝo. Por aldoni tabulon fono, vi devos tweak la kalkulitan stilon de folio (CSS) subtenanta vian retpaĝon.
Komencante
La plej bona maniero por aldoni fono-bildon al tablo estas uzi la fonan proprieton de CSS. Pretigi vin por skribi la CSS efike kaj eviti neatenditajn ekranajn fendojn, malfermu vian fonan bildon kaj faru noton de la alteco kaj larĝo.
Poste alŝutu vian bildon al via gastiganto. Provu la URL por la bildo; Unu el la plej oftaj kialoj, kial bildoj ne montras estas ĉar ekzistas tajpilo en la URL.
Post kiam vi finis tiun paŝon, metu CSS-stilon en la kapo de via dokumento:
- Skribu vian CSS por la fono sur via tablo kaj metu ĝin ene de la stila bloko:
tablo {fono: url (" URL al bildo ") ne-ripeto; }
- Metu vian tablon en la HTML:
ĉelo 1
ĉelo 2
ĉelo 1
ĉelo 2
- Fiksu la larĝon kaj altecon de la tablo por egali la bildon larĝe kaj alte.
width: 400px; height: 500px; "> ...
Se via tablo enhavo estas pli granda ol la bildo alte kaj larĝa, la fono bildo nur montros unufoje.
Metu Fono sur Nur Unu Tablo
La supre instrukcioj starigos la saman fonan bildon sur ĉiu tablo en la paĝo.
Se vi volas fiksi nur specifajn tabulojn, vi devas uzi klasan atributon.
- Ŝanĝi vian CSS por legi:
table.background {background: url (" URL al bildo ") ne-ripeto; }
- Aldonu la klasan fonon al iu tablo, kiun vi volas havi tiun fonan bildon. Fiksu la larĝecon kaj altecon por tiuj tabloj.
class = "background" style = "width: 400px; height: 500px;> ...
Lasu la Tablon Fona Bildo Ripeti
Pli grandaj tabloj, aŭ tabloj kun pli da enhavo, eble necesos havi la fono-ripeton tiel ke la tuta tablo pleniĝas. Ŝanĝi la valoron en via CSS tiel ke la bildo ripetas sur la y-akso, la x-akso, aŭ teksas ambaŭ.
fono: url (" URL al bildo ") ripetu ;
Defaŭlte la ripeta valoro estos kahelita, sed vi povas ankaŭ agordi la ripetan valoron por ripeti-x aŭ ripeti-kaj kaŝi horizontale aŭ vertikale, respektive.
Ĉelo Fona Koloroj Bloku la Tablon Fona Bildo
Ajna fono-koloroj starigitaj sur la tablaj ĉeloj anstataŭos la fonan bildon sur la tablo. Do zorgeme uzu fonkolorajn kolorojn en kombinaĵo kun tablo fono bildoj.
Konsideroj
Tabulaj fonoj starigos viajn tabulojn aparte de la suba paĝo. Tamen, pensu dufoje antaŭ uzi ĉi tiun teknikon. Enmeti neŭtralan bildon eble ne distras, sed komplikitaj bildoj intencitaj esti kuraĝaj (ekzemple, enmeti bildon de katido malantaŭ tablo indikanta maŝinajn adoptojn) povas aperi neprofesiaj kaj povas influi la leĝecon de la tabulaj datumoj .
Ajna bildo, kiun vi uzas devas esti konvene licencita; nur ĉar vi povas trovi foton en la TTT-ejo ne signifas, ke vi povas taŭgi ĝin por via propra uzo.
Respekti kopirajtojn!
- Fiksu la larĝon kaj altecon de la tablo por egali la bildon larĝe kaj alte.