Как добавить пунктирное подчёркивание к ссылке

Чтобы добавить пунктирное подчёркивание к ссылке, следует добавить нижнюю границу к ней с помощью свойства border-bottom. Так как пунктирное подчёркивание часто используется для оформления ссылок, щелчок по которым не открывает ссылку, а выполняет некоторое действие в текущем документе, то следует задать таким ссылкам определенный класс.

Пример

HTML


<a href="#" class="dotted-link">Lorem Ipsum</a>
      

CSS


.dotted-link {
    color: #f66d52; /* Цвет ссылки */
    text-decoration: none; /* Убираем подчёркивание */
    border-bottom: 1px dashed #f66d52; /* Добавляем свою линию */ 
}