Jak wstawić własną ikonkę do listy na stronie internetowej?

1. Wprowadzenie

Zmieniając wygląd strony internetowej, istnieje wiele możliwości poprawy wizualnej atrakcyjności. Jednym z kreatywnych sposobów na urozmaicenie prezentacji treści jest zastąpienie standardowych znaczników listy ul li ikonkami lub obrazkami. Często widziane na stronach internetowych listy wypunktowane, gdzie punkty przyjmują formę kółek, kwadratów lub liczby, mogą zyskać nową formę poprzez wstawienie obrazków lub ikonek w formatach .jpg, .gif czy .png. Ta prosta technika pozwala ciekawie wyróżnić listę i nadać jej unikalny charakter.

2. Jak wstawić ikonkę – krok po kroku

• Dodajemy kod HTML

• Dodajemy kod CSS. W linii background-image: url("my-icon.png"); podmieniamy nazwę na własną obrazka

• Efekt: