Sisu
Veebilehe loomisel võib osutuda kasulikuks kasutada CSS-i horisontaalse nimekirja, näiteks klõpsatava menüü, koondamiseks. Lehe välimuse reguleerimiseks saate HTML-i kõrval kasutada CSS-i, mis on stiililehe keel. CSS-stiilid kuvatakse sageli erinevates veebibrauserites ettearvamatult, mistõttu on oluline enne oma postitamist põhjalikult testida oma lehekülge. Korraldamata loend (ul) on plokk-tasemel element, nii et saate kasutada tsentraliseeritud efekti loomiseks laiusomadusi.
Juhised
-
Avage HTML-fail tekstiredaktoris, näiteks Windowsi Notepadis.
-
Lisage nõutud CSS-stiilid HTML-faili "" jaotise horisontaalsesse nimekirja, lisades järgmise koodi:
type = "text / css"> .myclass {text-align: center; } .myclass ul {laius: 275 px; marginaal: 0px auto} .myclass li {kuva: plokk; float: vasakule; kõrgus: 50 px; rea kõrgus: 50 px; varu: 5px; laius: 125 px; ääris: tahke 1px must; }Loendi laius (ul) näitab horisontaalsete objektide (li) laiuse ja marginaalide summat.
-
Looge HTML-faili jaotises ">" horisontaalne nimekiri, lisades järgmise koodi:
- esimene punkt
- teine punkt div
Sild "ul" määrab järjestamata nimekirja. "Li" silt vastab loendis olevale elemendile. Loendiüksused kasutavad eespool määratletud CSS-stiile.
-
Salvestage HTML-fail ja laadige see oma veebiserverisse, et vaadata horisontaalset keskpunkti.