Hogyan távolítsuk el a listastílusú felsorolásjeleket a CSS-ben
Alapértelmezés szerint a
Az- rendezetlen listacímke a HTML-ben létrehoz egy listát az elemekből, amelyeket egy kerek felsorolásjel előz meg. Bizonyos helyzetekben érdemes lehet teljesen eltávolítani a felsorolásjeleket – például ha meg szeretné tartani a lista tiszta elrendezését anélkül, hogy a felsorolás elterelné, vagy ha az
- gombbal legördülő menüt hoz létre. . Ennek eléréséhez használja a "list-style-type" CSS-stílusattribútumot, amely az első verzió óta a CSS-specifikációk része.
1. lépés
Nyissa meg azt a .html vagy .htm fájlt, amely tartalmazza azt a rendezetlen listát, amelynek felsorolásait el szeretné távolítani. Használjon egyszerű szövegszerkesztőt, például a Jegyzettömböt, hogy elkerülje a hibákat a HTML-kódban.
2. lépés
Görgessen le ahhoz a kódhoz, amely elindítja a rendezetlen listát, amelyet egy "
" jelöl.- " címkét.
Adja hozzá a következő kódot az "ul" után és a ">" előtt:
style="list-style-type:none;".
A kódnak most így kell kinéznie:
"
- ".
3. lépés
Mentse el a HTML-fájlt, és zárja be a szövegszerkesztőt. Nyissa meg a HTML-fájlt a webböngészőben, hogy megbizonyosodjon arról, hogy a felsorolásjeleket eltávolította a weboldalról.
Tipp
Ha el szeretné távolítani a felsorolásjeleket az oldalon lévő összes rendezetlen listáról, a következő kódsort a "
" és "". " címkék a HTML-forráskódban:"".