Használjon CSS-kódot a felsorolásjeles listák igazításához 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ő JavaScripthez. 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 felsorolt listát tartalmazó HTML-fájlt, és nézzen a és címkék közé a kód teteje felé. Adjon hozzá címkéket, ha még nincsenek jelen. Ha a kódja tartalmazza a címke valahol a címke után, és ez hivatkozást tartalmaz egy CSS-fájlra, 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.
A nap videója
2. lépés
Igazítsa a szöveget az összes ponton belül a "szöveg igazítása" beállításával
- címke. A
- és címkéket, hogy egyetlen lista részeként határozza meg őket. Amikor igazítja a szöveget a
- címke köré a
- címkével, az igazítás minden felsorolásban kihat a szövegre, 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 a „lebegő” beállítással
- címke. Ha a „float” balra vagy jobbra van állítva a
- címke, a teljes felsorolásjeles listát az oldal bal vagy jobb oldalára mozgatja. Állítsa be az úszót így:
ul {float: jobbra;}
A „lebegést” beállíthatja balra vagy jobbra, de középre nem.
4. lépés
Csomagolja be
- címkék be
és
címkéket egy olyan burkoló létrehozásához, amely a felsorolásjeles listát az oldalon középre helyezi. A kapott kód így fog kinézni:- Listaelem
- Listaelem
A
a címke semmit sem középre állít magától; CSS-t kell használnia mindennek a központosításához. Adja hozzá a következő kódot az Ön
