Иногда нам нужно оформить ключевое слово, чтоб оно пр и открытие страницы было заметно, и здесь пунктирное подчёркивание станет отличным приемом. Так как можно увидеть, что часто используется для оформления ключевых значений и ссылок.
Где можно сделать по разному, а это под ссылку установить или просто отметить, без всяких переходов, где пунктиру задаем красочное значение, как пример идет в красной гамме цвета.
HTML
Код
<a href="http://zornet.ru/">Обычная ссылка</a> на другую страницу.
<a href="http://zornet.ru/" class="dot">Ссылка с пунктирным подчёркиванием</a>.
CSS
Код
a.dot {
text-decoration: none; /* Убираем подчёркивание */
border-bottom: 1px dashed red; /* Добавляем свою линию */
}
Ширина линии и оттенок подчёркивания для ссылок также задаются через свойство border-bottom.
Демонстрация
