W niektórych sytuacjach możesz utworzyć listę wypunktowaną bez wypunktowań lub elementów listy bez wypunktowania. Aby utworzyć uporządkowaną listę lub nieuporządkowaną listę bez wypunktowania, wykonaj poniższe kroki.
Przykład HTML
Dodawanie klasy CSS „list-style: none” do listy nieuporządkowanej (
- ) lub uporządkowana lista (
- Element listy bez punktora
- Drugi przedmiot
- Element listy bez punktora
- Drugi przedmiot
- ) mieć jeden lub więcej pocisków bez kuli, zachowując pozostałe kule bez zmian.
Przykładowy wynik
Poniżej znajduje się przykład tego, w jaki sposób dane wyjściowe dla nieuporządkowanej listy pocisków pojawiają się bez jej pocisków.
- Element listy bez punktora
- Drugi przedmiot
- ) tag usunie punktor lub numer.
HTML z przykładem CSS
Chociaż powyższy przykład działa w prawie każdej sytuacji, zazwyczaj lepszym pomysłem jest posiadanie CSS w oddzielnym, zewnętrznym pliku CSS. Poniżej znajduje się CSS i HTML, które można wykorzystać do usuwania pocisków.
Użycie poniższego kodu CSS usuwa punktory ze wszystkich nieuporządkowanych linków (
- ), co może być przydatne, jeśli nie masz zamiaru używać pocisków lub chcesz użyć obrazu zamiast pocisku.
ul {list-style-type: none; }
Jeśli zamierzasz mieć tylko jedną listę, nie ma wypunktowań ani liczb, lepiej jest utworzyć klasę, której można użyć w dowolnym momencie, gdy nie chcesz wypunktować, jak pokazano w CSS poniżej.
.nobull {typ-listy-stylu: brak; }
W powyższym CSS tworzona jest nowa klasa o nazwie „nobull”, która może być używana w dowolnym momencie, gdy nie chcesz wypunktować, jak pokazano w przykładzie poniżej.
Wskazówka: Możesz także zastosować tę klasę do dowolnego elementu listy (