Zmiana domyślnego stylu linków – css
Posted On 9 grudnia 2015
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:
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
porada dla znawców html. Czyli zabawa we własnym gronie. Dla przeciętnego użytkownika netu- to porada bezużyteczna.
Dokładnie tak 🙂 Przeciętni użytkownicy netu nie zmieniają domyślnego stylu linków w css. Na samym początku nauki projektowania stron też szukałam takiej porady. Pozdrawiam!
cześć polecam moją stronę