Yuav Ua Li Cas Ntxig Koj Tus Kheej Header Ntawm Lub Xaib

Cov txheej txheem:

Yuav Ua Li Cas Ntxig Koj Tus Kheej Header Ntawm Lub Xaib
Yuav Ua Li Cas Ntxig Koj Tus Kheej Header Ntawm Lub Xaib

Video: Yuav Ua Li Cas Ntxig Koj Tus Kheej Header Ntawm Lub Xaib

Video: Yuav Ua Li Cas Ntxig Koj Tus Kheej Header Ntawm Lub Xaib
Video: 3 nqee lus nug tseem ceeb rau tu kheej, yuav ua cas thiaj paub pom sij hawm muaj nqis?(3 QS ask you) 2024, Hlis ntuj nqeg
Anonim

Qhov "header", lossis sab saum toj ntawm nplooj ntawv web, ua rau koj lub xaib tshwj xeeb, tso cai rau nws txawv ntawm lwm tus thiab muaj kev cuam tshuam tshwj xeeb ntawm koj qhov phiaj xwm Internet. Nrog kev pab los ntawm tus thawj thiab ua zoo header, koj tuaj yeem kho thiab ua kom zoo rau txhua lub vev xaib, thiab txhawm rau ua kom lub taub hau koj tus kheej, koj yuav tsum kawm paub yuav ua li cas teeb tsa lub vev xaib no.

Yuav ua li cas ntxig koj tus kheej header ntawm lub xaib
Yuav ua li cas ntxig koj tus kheej header ntawm lub xaib

Cov Lus Qhia

Kauj ruam 1

Yog tias koj xav kom koj lub xaib muaj lub cev zoo li qub, tas mus li qhov ntev, koj yuav tsum tsim kom muaj lub taub hau zoo li qub uas tsis hloov pauv nyob ntawm qhov hloov pauv ntawm qhov dav ntawm qhov screen. Txheeb xyuas qhov dav thiab qhov siab ntawm cov header (piv txwv li 996x230) thiab ntxig rau cov duab keeb kwm yav dhau los rau hauv qhov thaiv sab saum toj uas siv cov cai CSS hauv qab no, qhov twg header-1.jpg

tom qab: # a6b7d3 url (img / header-1.jpg) tsis muaj rov ua dua;

dav: 996px;

qhov siab: 230px;

} Daim HTML rau lub header ntawm hom no yuav zoo li no:

Kauj ruam 2

Yog tias lub xaib tsim nyob rau hauv txoj kev uas nws qhov ntev tau kho rau qhov dav ntawm lub vijtsam, lub header yuav tsum typeet coj mus rau hauv tus account txhua qhov loj los saib xyuas cov kev daws teeb meem. Qhov siab tshaj plaws ntawm cov kab taub hau no yuav tsum yog 1920 pixels. Txig xws li header, siv CSS code: #header {tom qab: # a6b7d3 url (img / header-2.jpg) tsis muaj qhov rov ua haujlwm; qhov siab: 250px;} Cov code HTML hauv qhov no zoo ib yam li yav dhau los. CSS code tau hloov pauv hauv qee qhov kev txiav txim siab - tam sim no nws muaj ib qho kev ntaus nqi rau lub hauv paus duab cov duab, uas tso cai rau nws kom haum rau tom qab ntawm txhua qhov screen dav.

Kauj ruam 3

Koj tseem tuaj yeem tsim cov ntawv sau ntau dua, txiav rau hauv ob peb keeb kwm yav dhau los, uas yuav hloov lawv txoj haujlwm nyob ntawm seb qhov loj me ntawm kev pom. Lub CSS rau cov ntawv sib txuas lus no yog qhov muaj kev nyuaj ntau thiab dav, thiab koom nrog rov ua ntau qhov keeb kwm yav dhau los raws li qhov ntev ntawm qhov ntev ntawm cov browser qhov rai uas koj lub xaib tuaj yeem pom.

Pom zoo: