Vsebina
Pri ustvarjanju spletne strani je lahko koristno uporabiti CSS za centriranje horizontalnega seznama, kot je meni, ki ga je mogoče klikniti. Če želite nadzirati videz strani, lahko uporabite CSS, ki je jezik slogovne datoteke, poleg HTML-ja. Slogi CSS so pogosto prikazani nepredvidljivo v različnih spletnih brskalnikih, zato je pomembno, da svojo stran temeljito preizkusite, preden jo objavite. Neurejen seznam (ul) je element na ravni bloka, tako da lahko uporabite lastnost širine, da ustvarite centraliziran učinek.
Navodila
-
Odprite datoteko HTML v urejevalniku besedila, kot je beležnica Windows.
-
Dodajte zahtevane sloge CSS na horizontalni seznam v "" odseku datoteke HTML, tako da dodate naslednjo kodo:
type = "text / css"> .myclass {text-align: center; } .myclass ul {širina: 275px; margin: 0px auto} .myclass li {prikaz: blok; plovec: levo; višina: 50px; višina vrstice: 50px; margin: 5px; širina: 125px; meja: trdna 1px črna; }Širina seznama (ul) predstavlja vsoto širine in robov horizontalnih točk (li).
-
Ustvarite horizontalni seznam v oddelku »>« datoteke HTML, tako da dodate naslednjo kodo:
- prvi element
- drugi element v div
Oznaka "ul" določa neurejen seznam. Oznaka "li" ustreza elementu na seznamu. Elementi seznama uporabljajo sloge CSS, ki se ujemajo z zgoraj definiranimi.
-
Shranite datoteko HTML in jo naložite na spletni strežnik, da si ogledate vodoravni, centrirani seznam.