În unele situații, poate doriți să creați o listă de gloanțe fără gloanțe sau elemente de listă fără gloanțe. Pentru a crea o listă ordonată sau o listă neordonată fără gloanțe, urmați pașii de mai jos.
Exemplu HTML
Adăugarea clasei "list-style: none" CSS în lista neordonată (
- ) sau lista ordonată (
- Listează un element fără gloanțe
- Al doilea element
- Listează un element fără gloanțe
- Al doilea element
- ) pentru a avea unul sau mai multe elemente de glonț nu au un glonț, păstrând în același timp celelalte gloanțe neschimbate.
Exemplu de ieșire
Mai jos este un exemplu de modul în care rezultatul pentru o listă cu bullet neordonat apare fără gloanțele sale.
- Listează un element fără gloanțe
- Al doilea element
- ) va elimina orice glonț sau număr.
HTML cu exemplu CSS
Deși exemplul de mai sus funcționează în aproape orice situație, este, în general, o idee mai bună de a avea CSS într-un fișier extern CSS extern. Mai jos este CSS și HTML care pot fi utilizate pentru a elimina gloanțele.
Folosind CSS-ul de mai jos eliminați gloanțele din toate legăturile neordonate (
- ), care poate fi util dacă nu aveți intenții de a utiliza gloanțe sau doriți să utilizați o imagine în locul unui glonț.
ul {list-style-type: none; }
Dacă intenționați să aveți doar o listă, nu aveți gloanțe sau numere, este o idee mai bună să creați o clasă care să poată fi utilizată oricând nu doriți gloanțe așa cum se arată în CSS de mai jos.
.nobull {list-style-type: none; }
În CSS de mai sus, este creată o nouă clasă numită "nobull", această clasă poate fi utilizată oricând nu doriți un glonț așa cum se arată în exemplul de mai jos.
Sfat: De asemenea, puteți aplica această clasă la oricare dintre elementele listei (