junior
Как убрать подчеркивание для всех ссылок на странице?
Для удаления подчёркивания у всех ссылок используется свойство text-decoration со значением none:
Пример
a {
text-decoration: none;
}
Другие значения text-decoration
| Значение | Описание |
|---|---|
none |
Без оформления |
underline |
Подчёркивание (по умолчанию у ссылок) |
overline |
Линия сверху |
line-through |
Зачёркивание |
Хорошая практика
Убирать подчёркивание у ссылок нужно с осторожностью — пользователь должен визуально отличать ссылки от обычного текста. Если подчёркивание убрано, следует добавить другой визуальный индикатор (цвет, hover-эффект):
Пример
a {
text-decoration: none;
color: #0066cc;
}
a:hover {
text-decoration: underline;
}
На собеседовании: вопрос простой, но полезно упомянуть UX-аспект — если убираем подчёркивание, нужен другой способ выделить ссылки.