<style> A.dot { text-decoration: none; /* Убираем подчеркивание */ border-bottom: 1px dashed #000080; /* Добавляем свою линию */ }
A.dot:hover { color: #f00000; /* Цвет ссылки при наведении на нее курсора */ }
</style>
<p><a href="#" class="dot">Ссылка с пунктирным подчеркиванием</a>.</p>