• Home
  • CSS
  • Jak usunąć podkreślenie hiperłącza (linku) za pomocą CSS ?

Jak usunąć podkreślenie hiperłącza (linku) za pomocą CSS ?

How to remove underline from a link and add underline on hover?

Większość przeglądarek automatycznie dodaje podkreślenie do linków. Nie zawsze taka sytuacja nam odpowiada. Zatem jak możemy je usunąć oraz zmienić kolor linku?

Usunięcie podkreślenia (text-decoration) oraz zmiana koloru linku(color) za pomocą CSS:

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

Jednocześnie można przywrócić podkreślenie po najechaniu myszką na link:

a:hover {
   text-decoration: underline;
}

Jeśli chcesz zobaczyć, jak usunąć podkreślenie i zmienić kolor linku w JavaScript, zobacz inny wpis: Jak usunąć podkreślenie hiperłącza (linku) za pomocą JavaScript?

Joanna

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *