Как убрать подсветку ссылки css
По умолчанию ссылки всегда подчёркиваются, чтобы легко можно было отличить ссылку от рядового текста. Но иногда для стилизации текста их необходимо убрать. Для работы с ссылками правильно использовать псведо-классы . В примере ниже нижнее подчеркивание у ссылок убрано, но при наведении курсора — будет появляться.
href="#" alt="http://ru.hexlet.io">Перейти по ссылке a:link, a:visited text-decoration: none; > a:hover, a:active text-decoration: underline; > Как убрать подчеркивание у ссылок?
Используйте свойство text-decoration со значением none для селектора A .
Описание
По умолчанию ссылки всегда подчёркиваются, чтобы легко можно было отличить ссылку от рядового текста. Но в некоторых случаях подчеркивание допустимо убрать, когда очевидна разница между ссылкой и текстом.
Чтобы ссылки не подчер кивались, для селектора A следует добавить свойство text-decoration со значением none , как показано в примере 1.
Пример 1. Ссылка без подчеркивания
HTML5 CSS 2.1 IE Cr Op Sa Fx
Ссылки без подчеркивания Ссылка без подчеркивания
Результат данного примера показан ни рис. 1.
Рис. 1. Ссылка, у которой отсутствует подчёркивание
HTML по теме
CSS по теме
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные рецепты
Как добавить картинку на веб-страницу?
Как добавить иконку сайта в адресную строку браузера?
Как добавить фоновый рисунок на веб-страницу?
Как сделать обтекание картинки текстом?- Как растянуть фон на всю ширину окна?
- Как выровнять фотографию по центру веб-страницы?
Как разместить элементы списка горизонтально?
Как убрать подчеркивание у ссылок?
Как убрать маркеры в маркированном списке?
Как изменить расстояние между строками текста?
Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?- Как открыть ссылку в новом окне?
Как убрать подчеркивание у ссылки?
В вашем примере подчеркивания у ссылки нет. И достаточно всего одного text-decoration:none для дефолтного положения ссылки. Проверяйте какие классы еще навешаны на ссылки. Может там вообще border-bottom установлен.
26 июл 2017 в 9:21
1 ответ 1
Сортировка: Сброс на вариант по умолчанию
Значит для ваших ссылок как-то был указан другой стиль. Попробуйте поместить код в конец и добавить !important . а для всех псевдоэлементов указывать нет смысла т.к. color и text-decoraition наследуется. а еще может и border установлен.
Отслеживать
2,969 3 3 золотых знака 15 15 серебряных знаков 30 30 бронзовых знаков
Как убрать подчеркивание ссылок в css
Убрать подчёркивание у ссылки или другого текстового элемента можно с помощью свойства text-decoration со значением none . Если нужно установить подчёркивание обратно, то используется значение underline
.link text-decoration: none; >