Дизайн текстових посилань

Зовнішній вигляд посилання за замовчанням

<!-- Відповідний код виглядає так -->
<style>
a {
    /* не вказано ніякі стилі */
}
</style>
<a href="../">приклад посилання</a>
Так робити можна.

Зовнішній вигляд стилізованого посилання

<!-- Відповідний код виглядає так -->
<style>
a.link_custom {
    border-bottom: 3px solid;
    border-bottom-color: rgba(75, 55, 225, 0.7);
    color: #4b37e1;
    text-decoration: none;
}
</style>
<a class="link_custom" href="../">приклад посилання</a>
Так робити можна, якщо підкреслення
достатньо видиме і контрастне.

Зовнішній вигляд невірно стилізованого посилання

<!-- Відповідний код виглядає так -->
<style>
a.link_custom_2 {
    color: #4b37e1;
    text-decoration: none;
}
</style>
<a class="link_custom_2" href="../">приклад посилання</a>
Ось так робити не можна.