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?