Przejdź do treści

Centrum Kształcenia Zawodowego i Ustawicznego w Mrągowie

Zmiana punktora listy

piątek,

Zmiana punktora listy

Elementy listy można przyozdobić własną grafiką. Jest to duże uatrakcyjnienie nudnych list tworzonych przy pomocy standardowych punktorów. Operacja nie wymaga dużego nakładu pracy, wystarczy jedna reguła CSS i własny plik graficzny.

Na poniższym zrzucie ekranu poszczególne pozycje listy trójkątów przyozdobione są grafiką z trójkątem. Dalej znajdziesz kod HTML i CSS przykładu.

<h2>Podział trójkątów ze względu na kąty</h2>
<ul>
	<li>trójkąt ostrokątny;</li>
	<li>trójkąt prostokątny;</li>
	<li>trójkąt rozwartokątny.</li>
</ul>
ul {
  list-style-image: url(triangle.png);
}
Artykuł: Olimpiada Zdrowia PCK

Olimpiada Zdrowia PCK

Artykuł: Zostań dawcą szpiku!

Zostań dawcą szpiku!

Artykuł: Przeglądarka Vivaldi

Przeglądarka Vivaldi

Artykuł: Lenovo

Lenovo

Artykuł: Światowy Dzień Oszczędzania

Światowy Dzień Oszczędzania

Nasze technikum

Technik informatyk

Szkoły dla dorosłych

Nasza szkoła

Pełna oferta edukacyjna

Oferta szkoły