Hogyan igazítsuk el a felsorolásjeleket HTML-ben
A webtervezők a felsorolásjeleket nem csupán felsorolás és szöveg hozzáadására használják. A felsorolásjelek létrehozásához használt HTML címke praktikus menük létrehozásához vagy képek rendezéséhez a diavetítésbe betölthető JavaScript-kódokhoz. Ha megtanulja használni a lépcsőzetes stíluslapkódot a felsorolásjelekkel – amelyeket a HTML-szlengben „rendezetlen listáknak” neveznek – számos izgalmas webtervezési lehetőséget nyit meg.
1. lépés
Nyissa meg a felsorolásjeles listát tartalmazó HTML-fájlt, és keressen a között
és címkéket a kód teteje felé. Adjon hozzá címkéket, ha még nincsenek jelen. Ha a kód valahol a következő után tartalmaz egy címkét címkét, amely egy CSS-fájlra hivatkozik, majd nyissa meg helyette azt a fájlt. A CSS-kód a címkék közé vagy a CSS-fájl új sorába kerül.2. lépés
Igazítsa a szöveget az összes ponton belül a "text-align" beállításával az
- címkéhez. Az
- és címkéket, hogy egyetlen lista részeként határozza meg őket. Amikor az
- Listaelem
- Listaelem
- címke a
- címkéhez igazítja a szöveget, az igazítás minden felsorolásban lévő szöveget érinti, de magát a listát nem igazítja az oldal bal vagy jobb oldalához. Íme egy példa a CSS-kódra a "text-align" beállításához:
ul {text-align:right;}
Vegye figyelembe, hogy a golyók nem mozognak a szöveggel együtt. A golyók ebben az esetben balra maradnak.
3. lépés
Igazítsa a teljes listát az oldal bal vagy jobb oldalához az
- címke "float" beállításával. Ha a „float” balra vagy jobbra van állítva egy
- címkén, akkor a teljes felsorolásjeles lista az oldal bal vagy jobb oldalára kerül. Állítsa be az úszót a következőképpen:
ul {float:right;}
A „lebegést” beállíthatja balra vagy jobbra, de középre nem.
4. lépés
Csomagolja be az
- címkéket és a címkéket, hogy létrehozzon egy olyan borítót, amely a felsorolásjeles listát az oldalon középre helyezi. A kapott kód így fog kinézni:
A címke önmagában semmit nem központosít; CSS-t kell használnia mindennek a központosításához. Adja hozzá a következő kódot a