Удалить подчеркивание под ссылками в HTML / CSS

По умолчанию гиперссылки HTML подчеркнуты. Однако, если вы хотите отключить эту функцию и отобразить ваши гиперссылки в виде неподчеркнутого текста, вы можете сделать это с помощью CSS .

Эта статья проведет вас через необходимые шаги.

• Отображение не подчеркнутых ссылок с использованием CSS
• Отображение не подчеркнутых ссылок с помощью CSS через класс
• Отображение не подчеркнутых ссылок с помощью CSS Online

Отображение не подчеркнутых ссылок с использованием CSS

Чтобы удалить подчеркивание из ссылок HTML, просто введите следующий код в CSS:

a.nounderline: ссылка
{
текст-отделка: нет;
}

Примечание. Псевдокласс: ссылка позволяет указывать только гиперссылки () и якоря () и не является обязательной.

Отображение не подчеркнутых ссылок с помощью CSS через класс

Если вы хотите, чтобы стиль применялся к определенным ссылкам, просто определите определенный класс для ссылок, которые вы не хотите подчеркивать. Вы можете сделать это, используя следующий код:

a.nounderline: ссылка
(
Текстовое оформление: нет;
)
a.nounderline: ссылка
{
текст-отделка: нет;
}

Отображение не подчеркнутых ссылок с помощью CSS Online

Наконец, если вы не хотите определять таблицу стилей, вы можете просто установить стиль онлайн с помощью следующего атрибута стиля:

 Текст ссылки 

Изображение: © Юрий Власенко - Shutterstock.com