Indhold
Når du opretter en webside, kan det være nyttigt at bruge CSS til at centrere en horisontal liste, som f.eks. En klikbar menu. Du kan bruge CSS, som er et stilarksprog ved siden af HTML for at styre udseendet på din side. CSS-stilarter vises ofte uforudsigeligt i forskellige webbrowsere, så det er vigtigt at teste din side grundigt, inden du sender den. En uordnet liste (ul) er et blokniveauelement, så du kan bruge breddeegenskaben til at skabe en centraliseret effekt.
retninger
-
Åbn din HTML-fil i et tekstredigeringsprogram, f.eks. Windows Notepad.
-
Tilføj de nødvendige CSS-stilarter til den vandrette liste i "" sektionen i din HTML-fil ved at tilføje følgende kode:
type = "text / css"> .myclass {text-align: center; } .myclass ul {bredde: 275px; margin: 0px auto} .myclass li {display: block; flyde: venstre; højde: 50px; linjehøjde: 50px; margen: 5px; bredde: 125px; border: solid 1px sort; }Bredden af listen (ul) repræsenterer summen af bredden og margenerne for de vandrette punkter (li).
-
Opret en vandret liste i sektionen ">" i HTML-filen ved at tilføje følgende kode:
- første vare
- Andet emne i div
"Ul" -tagget angiver en uordnet liste. "Li" -mærket svarer til et element i listen. Liste over elementer bruger CSS-stilarter, der svarer til de ovenfor definerede.
-
Gem HTML-filen og indlæs den på din webserver for at se den vandrette, centrerede liste.