Listy robi się zawsze tymi samymi znacznikami; Natomiast ich wygląd można na sztywno ustalać w znaczniku otwierającym, albo opisać wszystko za pomocą klasy lud identyfikatora w CSS; Sprawdź sobie poniższy kod:
<ul class="MyList">
<li>pierwsza pozycja</li>
<li>druga pozycja</li>
<li>trzecia pozycja</li>
</ul>
teraz stwórz sobie plik CSS i opisz style listy tej klasy:
.MyList{
/* style */
}
Dzięki temu kodu hateemela nie będziesz musiał modyfikować, żeby zmienić styl wyświetlania listy; Wystarczy pododawać odpowiednie właściwości do klasy w CSS; Tym bardziej się to przydaje, jeśli w jednym dokumencie znajdować się będzie wiele list, które mają wyglądać tak samo; Zamiast zmieniać style dla każdej listy osobno, modyfikujesz jedynie zawartość klasy w CSS;
Więcej na temat upiększania list znajdziesz na stronie W3Schools, w artykule CSS Styling Lists; A jak spodoba Ci się jakaś lista na jakiejś stronie, to nic nie stoi na przeszkodzie aby otworzyć sobie narzędzia deweloperskie i podglądnąć w kodzie HTML i CSS jak jest zrobiona.