Yuav Ua Li Cas Thiaj Ua Rau Lub Tshuab Raj Nco

Cov txheej txheem:

Yuav Ua Li Cas Thiaj Ua Rau Lub Tshuab Raj Nco
Yuav Ua Li Cas Thiaj Ua Rau Lub Tshuab Raj Nco

Video: Yuav Ua Li Cas Thiaj Ua Rau Lub Tshuab Raj Nco

Video: Yuav Ua Li Cas Thiaj Ua Rau Lub Tshuab Raj Nco
Video: Yuav kawm tshuab raj li cas 2024, Hlis ntuj nqeg
Anonim

Daim ntawv teev cov khoom noj nyob rau ntawm nplooj ntawv nplooj ntawv yog siv los txuag chaw thiab muab cov kev sib tham kom nkag siab ntawm cov qauv ntawm lub vev xaib no. Muaj ntau txoj hauv kev los siv qhov no, ib qho yooj yim yog muab hauv qab no.

Yuav ua li cas thiaj ua rau lub tshuab raj nco
Yuav ua li cas thiaj ua rau lub tshuab raj nco

Nws yog qhov tsim nyog

Cov txuj ci yooj yim ntawm HTML thiab CSS hom lus

Cov Lus Qhia

Kauj ruam 1

Cov HTML code ntawm cov ntawv qhia zaub mov siv cov npe sau ua ke (UL thiab LI), sab hauv cov ntawv txuas rau nplooj ntawv raug tso. Nws tsis muaj cov txheej txheem nyuaj. Lub zog puab yog siv los ntawm txhais tau tias ntawm CSS, cov lus piav qhia ntawm cov uas tau muab tso ncaj qha rau ntawm cov kab ke ntawm nplooj ntawv. Tsis muaj dab tsi tshwj xeeb txog nws ib qho ntxiv, dua li, cov ntawv nyeem muaj qee cov lus piav qhia ntawm lub hom phiaj ntawm qee cov style block.

Kauj ruam 2

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN"

"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Daim ntawv qhia zaub mov nco *

font-tsev neeg: Verdana;

font-loj: 14px;

} ul, lis, ib {

padding: 0;

tso saib: thaiv;

ciam teb: 0;

cov npoo: 0;

} ul {

ciam teb: 1px tawv #AAA;

dav: 150px;

npe-style: tsis muaj;

tom qab: #FFF;

} lis {

xim tom qab: #AAA;

txoj hauj lwm: tus txheeb ze;

z-Performance index: 9;

padding: 1px;

}

li.folder {tom qab xim: #AAA;}

li.folder ul {

txoj hauj lwm: txog;

saum: 5px;

laug: 111px; / * rau IE browsers * /

}

li.folder> ul {sab laug: 140px;} / * rau lwm browsers * / a {

padding: 2px;

ciam teb: 1px tawv #FFF;

kho kom zoo nkauj ntawv: tsis muaj;

dav: 100%; / * rau IE browsers * /

xim: # 000;

font-yuag: bold;

}

li> a {dav: pib;} / * rau lwm browsers * / li a {

dav: 140px;

tso saib: thaiv;

} li a.submenu {

xim tom qab: daj;

} / * Txuas * /

a: yuj {

ciam teb-xim: txho;

xim tom qab: # FF0000;

xim: dub;

}

li.folder a: yuj {

xim tom qab: # FF0000;

} / * Folders * /

ul ul, lis: hover ul ul {zaub: tsis muaj;}

li.folder: yuj {z-Performance index: 10;}

lis: yuj ul, lis: yuj lis: yuj ul {zaub: thaiv;}

  • 1. Nplooj ntawv
  • 2. Cov nplaub tshev

    • 2.1 Nplooj
    • 2.2 Thaub

      • 2.2.1 Nplooj Ntawv
      • 2.2.2 Nplooj Ntawv
      • 2.2.3 Nplooj Ntawv
    • 2.3 Nplooj Ntawv
  • 3. Cov nplaub tshev

    • 3.1 Nplooj Ntawv
    • 3.2 Nplooj Ntawv
    • 3.3 Nplooj Ntawv
  • 4. Nplooj ntawv

Kauj ruam 3

Koj tuaj yeem ntxiv kev txhawb nqa rau cov laus tshaj ntawm Internet Explorer browsers rau cov cai no - nws tau nqis tes siv JavaScript (los ntawm Peter Nederlof). Koj yuav tsum rub tawm cov ntawv nrog cov cai muaj yuav tsum, piv txwv li, ntawm qhov txuas no - https://peterned.home.xs4all.nl/htc/csshover3.htc. Nws yuav tsum muab tso rau hauv cov nplaub tshev tib yam li nplooj ntawv tseem ceeb. Thiab nyob rau hauv qhov kev piav qhia ntawm cov cwj pwm ntawm nplooj ntawv tseem ceeb, ntxiv ib qhov txuas rau nws - nws tuaj yeem tso ncaj qha tom qab qhib qhib style: / * rau IE browsers qub *

lub cev {tus cwj pwm: url ("csshover3.htc");}

Pom zoo: