Подчеркивание у ссылки при наведении CSS

Эффект меняет цвет ссылки при наведении на нее и добавляет подчеркивание. Этот эффект хорошо подойдет, когда нужно выделить ссылку и поменять цвета на те, которые соответствуют сайту.

Пример

HTML


<a href="#" title="Lorem Ipsum">Lorem Ipsum</a>
      

CSS


a {
    color: #00bfff; /* Цвет обычной ссылки */ 
    text-decoration: none; /* Убираем подчеркивание */
}
a:visited {
    color: #8a2be2; /* Цвет посещённой ссылки */
} 
a:hover {
    color: #f66d52; /* Цвет ссылки при наведении на нее курсора мыши */  
    text-decoration: underline; /* Добавляем подчеркивание */
}