Hozzon létre pontokat HTML-ben a használatával
- címkéket.
A felsorolásjelek használata segít nagy szövegrészek felosztásában, és hasznos információk listáinak kiemelésében. A felsorolásjelek könnyen létrehozhatók szövegszerkesztő szoftverben, de amikor HTML-dokumentumot ír be, ismernie kell a kódot a létrehozásukhoz. Nem sok kódra van szükség egy felsorolás létrehozásához. Csomagolja be az egyes listákat
- vagy "rendezetlen lista" címkéket. Ezután bármit megtehet a felsorolásjelekkel a lépcsőzetes stíluslap kódjával.
1. lépés
Írd le a pontok szövegét! Kezdje el minden pontot a saját egyenesén. Tekerje be az egyes sorokat
A nap videója
2. lépés
Hozzon létre egy üres sort a felsorolásjelekkel ellátott lista fölé, majd írjon be egy nyílást
- címke azon a sorban. Keresse meg a felsorolásjeles lista végét, és hozzon létre ott egy másik üres sort. Írjon be egy lezárást
- címke. Íme egy példa egy azonosító attribútumot tartalmazó rövid felsorolásjelre:
- Egy golyó
- Két golyó
3. lépés
A "stílus" használatával CSS-kóddal hozhatja létre a listát. Adjon hozzá CSS-kódot a címkék közé a és címkék közé, vagy írhatja a CSS-kódot egy külső .CSS-fájlba, és beágyazhatja a fájlt egy címke így:. Módosítsa a „path/to/stylesheet.css” fájlt a létrehozott .CSS fájl elérési útjával. Használja az ID vagy class attribútumot a felsorolásjelek kiválasztásához, például:
#mylist li { font-style: dőlt; }
A fenti kód az összeset kiválasztja
4. lépés
A felsorolás típusának módosításához használja a CSS "list-style" tulajdonságát. A rendelkezésre álló felsorolástípusok közé tartoznak a nyitott körök, a kitöltött korongok és a négyzetek a nem számozott, nem betűrendes listákhoz. Íme egy példa a négyzet alakú felsorolásjelekre:
#mylist li {lista-stílus: négyzet;}
Tipp
Használja a
- címke helyett
- rendezett listák létrehozásához. Ezután beállíthatja a "lista-stílusú" típust különböző típusú számokhoz vagy betűkhöz.
- megjelöl egy nem ismétlődő, balra igazított háttérképet. Adjon hozzá párnázást mindegyik bal oldalához
- címkével mozgassa a szöveget, különben átfedi a képet.
Hozzon létre képfelsorolásokat úgy, hogy a "list-style" attribútumhoz adja meg a "none" értéket, majd adja meg mindegyiket