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:"".