Раскройте свои навыки веб-дизайна: как убрать подчеркивания в тегах привязки

Метод 1: использование свойства CSS text-decoration
Самый простой способ удалить подчеркивания — использовать свойство CSS text-decoration. Установив значение «нет», вы можете эффективно убрать подчеркивание.

a {
  text-decoration: none;
}

Метод 2: встроенный CSS
Если вам нужно удалить подчеркивания для определенного тега привязки, вы можете использовать встроенный CSS непосредственно внутри тега.

<a href="#">Click me</a>
.no-underline {
  text-decoration: none;
}
<a class="no-underline" href="#">Link 1</a>
<a class="no-underline" href="#">Link 2</a>

Метод 4: Псевдокласс CSS
Псевдоклассы CSS позволяют ориентироваться на определенные состояния или элементы. Используя псевдоклассы :linkи :visited, вы можете убрать подчеркивание для непосещенных и посещенных ссылок соответственно.

a:link,
a:visited {
  text-decoration: none;
}
a {
  all: unset;
}