Gwiritsani ntchito chuma cha CSS kuti muwonjezere chiyambi cha zithunzi ku matebulo
Kusiyanitsa magome kuchokera m'mayendedwe awo kumathandizira kutsindika zomwe zili pa tebulo zokhudzana ndi china chirichonse pa tsamba lapaweti. Kuti muwonjezere maziko a tebulo, muyenera kufotokozera pepala lojambula (CSS) lothandizira tsamba lanu la webusaiti.
Kuyambapo
Njira yabwino yowonjezera chithunzi chakumbuyo pa tebulo ndiyo kugwiritsa ntchito chuma cha CSS. Kuti mukonzekere kulemba CSS mwakuya ndi kupeĊµa kuwonetseratu kosayembekezereka kosayembekezereka, mutsegule chithunzi chanu chakumbuyo ndikulembapo kutalika ndi m'lifupi.
Kenaka tumizani chithunzi chanu kwa wothandizira wanu. Yesani URL ya fano; Chimodzi mwa zifukwa zomwe zimawonekera kuti zithunzi siziwonetsedwa chifukwa pali typo mu URL.
Mutatsiriza sitepeyi, ikani chipika cha CSS pamutu wa chilemba chanu:
- Lembani CSS yanu kumbuyo kwa tebulo lanu ndipo ikani mkati mwa chikhomo:
tebulo {kumbuyo: url (" URL kwa chithunzi ") palibe-kubwereza; }}
- Ikani tebulo lanu mu HTML:
selo 1
selo 2
selo 1
selo 2
- Ikani m'lifupi ndi kutalika kwa tebulo kuti mufanane kukula kwa chithunzi ndi msinkhu.
m'lifupi: 400px; kutalika: 500px; "> ...
Ngati tebulo lanu liri lalikulu kuposa fano la kutalika ndi m'lifupi, chithunzichi chidzangosonyeza kamodzi.
Lembani Chiyambi Pamwamba Patebulo Limodzi
Malangizo apamwambawa adzayika chithunzi chofanana pa tebulo lililonse pa tsamba.
Ngati mukufuna kuika maziko pa matebulo enieni okha, muyenera kugwiritsa ntchito chikhalidwe cha gulu.
- Sinthani CSS yanu kuti muwerenge:
tebulo.background {maziko: url (" URL kwa chithunzi ") palibe-kubwereza; }}
- Onjezerani maziko a kalasi ku tebulo iliyonse yomwe mukufuna kukhala nacho chithunzichi. Ikani m'lifupi ndi kutalika kwa matebulo amenewo.
class = "kumbuyo" kalembedwe = "m'lifupi: 400px; kutalika: 500px;> ...
Lembani Zithunzi Zam'mbuyo Zojambula
Magome akuluakulu, kapena matebulo omwe ali ndi zambiri, angafunikirenso kubwereza kuti tebulo lonse lidzaze. Sinthani mtengo mu CSS yanu kuti chithunzi chibwereze pa y-axis, x-axis, kapena chimangirizidwa pa zonse.
mbiri: url (" URL kwa chithunzi ") kubwereza ;
Mwachidziwitso mtengo wobwerezabwereza udzasindikizidwa, koma mukhoza kukhazikitsa mtengo wobwereza kuti mubwererenso-x kapena kubwereza-y kuti muzitha kutsogolo kapena kutsogolo, motsatira.
Maselo Akumbuyo a Maselo Sakanizani Zam'mbuyo Zithunzi
Mitundu yonse yam'mbuyo imakhala pa ma tebulo a tebulo adzasintha chithunzi chakumbuyo pa tebulo. Choncho samalani mukamagwiritsa ntchito mitundu ya mawonekedwe anu pamaselo anu kuphatikizapo zithunzi zazithunzi.
Mfundo
Mizere yamatabwa idzaika magome anu pambali pa tsamba lapansi. Komabe, taganizirani kawiri musanagwiritse ntchito njirayi. Kuika chithunzi chosaloĊµerera sikungasokoneze, koma zithunzi zovuta kuti zikhale zokongola (mwachitsanzo, kuyika chithunzi cha mwana wamphongo kutsogolo kwa tebulo chomwe chikuwonetsera zovomerezeka zazing'ono) zingawonekere kuti sizothandiza ndipo zingakhudze kuwerenga kwa deta .
Chithunzi chilichonse chimene mumagwiritsa ntchito chiyenera kukhala chololedwa bwino; Chifukwa chakuti mungapeze chithunzi pa webusaiti sichikutanthauza kuti mungathe kuzigwiritsa ntchito nokha.
Lemezani zokopera!
- Ikani m'lifupi ndi kutalika kwa tebulo kuti mufanane kukula kwa chithunzi ndi msinkhu.