Kumaha Atur hiji Gambar salaku Latar pikeun Table a

Nganggo harta tukang CSS pikeun nambahkeun hiji tukang gambar mun tabél

Ku cara diferensiasi tabel ti backgrounds maranéhanana mantuan pikeun ngantebkeun eusi tabél relatif ka sagalana sejenna dina Kalurahan nu. Nambahkeun latar tabel, anjeun bakal kedah tweak nu gaya cascading lambar (CSS) ngarojong Kalurahan Anjeun.

Ngamimitian

Cara pangalusna pikeun nambahkeun hiji gambar latar ka méja téh ngagunakeun harta tukang CSS. Nyiapkeun diri nulis CSS éféktif tur ulah tampilan glitches terduga, muka gambar tukang anjeun sarta nyieun catetan anu jangkungna jeung lebar.

Lajeng unggah gambar anjeun ka panyadia hosting Anjeun. Nguji URL pikeun gambar; salah sahiji alesan paling umum naha gambar teu nembongkeun sabab aya sarupaning typo na URL.

Saatos Anjeun tos rengse hambalan yen, nempatkeun hiji blok gaya CSS di sirah tina dokumen anjeun:

1. Tulis CSS Anjeun keur tukang on méja anjeun teras nahan eta jero blok gaya:

   méja {tukang: url ( "URL kana gambar") no-ulang; }

2. Teundeun méja anjeun dina HTML nu:

   
   
   sél 1
   sél 2
   
   
   sél 1
   sél 2
   
   

3. Atur lebar tur jangkungna tabel pikeun cocog lebar gambar jeung jangkungna.

   "lebar: 400px; jangkungna: 500px;"> ...

Lamun eusi méja anjeun nu leuwih badag batan jangkungna gambar na rubak, gambar tukang ukur bakal nembongkeun sakali.

Nempatkeun Latar dina Ngan Hiji Table

Parentah di luhur baris nangtukeun gambar tukang sarua dina unggal tabel aya dina kaca.

Mun rék nempatkeun tukang on ukur tabel husus, anjeun kudu ngagunakeun atribut kelas.

1. Ngarobah CSS anjeun maca:

   table.background {tukang: url ( "URL kana gambar") no-ulang; }

2. Nambah kelas tukang mun sagala tabel rék boga éta gambar tukang. Atur lebar tur jangkungna pikeun maranéhanana tabel.

   kelas = "tukang" gaya = "lebar: 400px; jangkungna: 500px;> ...

Hayu nu Table Latar Gambar Ulang

tabél gedé, atawa tabel kalawan eusi nu leuwih lengkep, bisa jadi kudu boga ulang tukang supaya sakabéh tabel anu kaeusi. Ngarobah nilai dina CSS Anjeun jadi gambar repeats dina y-sumbu, sumbu-x, atawa geus tiled on duanana.

latar: url ( "URL kana gambar") ulang;

Sacara standar nilai ulang bakal tiled, tapi anjeun oge bisa nyetel nilai ulang pikeun ngulang-x atawa ngulang-y keur kotak horisontal atawa vertikal visinil.

Cell Latar Kelir blok Table Latar Gambar

Naon tukang kelir disetel dina sél tabel bakal override gambar latar dina méja. Ku kituna kudu ati lamun ngagunakeun kelir tukang on sél anjeun dina kombinasi kalayan gambar tukang méja.

pertimbangan

Méja backgrounds bakal nangtukeun tabel Anjeun sajaba ti kaca kaayaan. Sanajan kitu, mikir dua kali saméméh ngagunakeun téhnik ieu. Inserting hiji gambar nétral bisa jadi distracting, tapi gambar pajeulit dimaksudkeun pikeun jadi lucu (contona, inserting gambar tina hiji anak ucing balik méja nunjukkeun adoptions piaraan) mungkin muncul unprofessional sarta bisa mangaruhan readability tina data tabular .

Sagala gambar anjeun make kudu leres dilisensikeun; ngan kusabab bisa manggihan poto dina Web teh henteu hartosna anjeun bisa luyu eta pikeun pamakéan Anjeun sorangan.

Hormat hak cipta!