Средствами непосредственно HTML убрать нижнее подчеркивание у ссылки невозможно. Поэтому для этого используют свойства CSS.
Подчеркивание (также как и выделение текста с помощью надчеркивания и перечеркивания) определяется с помощью свойства text-decoration. Чтобы убрать линию снизу, нужно установить его в значение none.
На примере ниже у ссылки с классом noline удалено подчеркивание.
a.noline {
text-decoration: none;
}Ниже этот же пример в Codepen, где наглядно видно, как это работает. У ссылки (тег A) с классом noline линии снизу нет.
See the Pen
Untitled by Андрей (@adlibi)
on CodePen.
Как убрать синий цвет у ссылки
Чтобы убрать у ссылки синий цвет (или подсветку любого другого цвета), надо установить у нее свойства color в значение inherit (использовать свойство родительского элемента), тогда она скорее всего станет такого же цвета, как и обычный текст.
a {
color: inherit;
}Если это не помогает, то можно таким же образом задать цвет напрямую.
a {
color: #111111;
}Как убрать подсвечивание ссылки при наведении
Это делается при помощи псевдокласса :hover, срабатывающего при наведении на элемент. Инструкция будет выглядеть так:
a:hover {
text-decoration: none;
}Этот пример наглядно:
See the Pen
убрать подчеркивание у ссылки by Андрей (@adlibi)
on CodePen.