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ł: Arm Holdings

Arm Holdings

Artykuł: Podstawowe style CSS dla formularza

Podstawowe style CSS dla formularza

Artykuł: Powstanie zabajkalskie

Powstanie zabajkalskie

Artykuł: JS: Obsługa kółka myszy

JS: Obsługa kółka myszy

Artykuł: Rocznica urodzin Stanisława&nbsp;Skalskiego

Rocznica urodzin Stanisława Skalskiego

Artykuł: Tadeusz Karnkowski

Tadeusz Karnkowski

Nasze technikum

Szkoły dla dorosłych

Pełna oferta edukacyjna