Метод 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;
}