Zmiana domyślnego stylu linków – css

DOMYŚLNY STYL LINKÓW

Przeglądarki internetowe mają swoje domyślne style. Jeżeli nie zdefiniujemy np. koloru linka czyli <a href="https://www.rejkowicz.pl">www.rejkowicz.pl</a> to np. Google Chrome wyświetli go w ten sposób:

a

Domyślnie ustawione są następujące style linków:

  • kolor linka,
  • kolor linka po najechaniu na niego kursorem myszki,
  • kolor linka trzymanego (jeśli klikniemy na niego myszką i nie zwolnimy przycisku,
  • kolor linka, który został już kliknięty,
  • podkreślenie linka.

JAK ZMIENIĆ DOMYŚLNY STYL LINKÓW

Zmian dokonujemy w pliku css.
Kolor linka i podkreślenie zmieniamy używając selektora a.
Kolor linka, po najechaniu kursorem myszki: a:hover.
Kolor linka trzymanego: a:active.
Kolor linka klikniętego: a:visited.

Poniżej przedstawiam kod css.

a{
	color: red;
	text-decoration: none;
}

a:hover{
	color: green;
}

a:visited{
	color: yellow;
}

a:active{
	color: brown;
}
3 komentarze

Add a Comment

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *