Как убрать подчёркивание у текстовых ссылок

MyTetra Share

Делитесь знаниями!

Время создания: 04.06.2012 22:22

Текстовые метки: html, подчеркивание, URL

Раздел: Компьютер - Программирование - HTML и CSS

Запись: xintrea/mytetra_syncro/master/base/13388341687pen3ss7ob/text.html на raw.github.com

Задача

Убрать подчёркивание у текстовых ссылок.

Решение

Используйте свойство text-decoration со значением none для селектора A.

Описание

По умолчанию ссылки всегда подчёркиваются, чтобы легко можно было отличить ссылку от рядового текста. Но в некоторых случаях подчеркивание допустимо убрать, когда очевидна разница между ссылкой и текстом.

Чтобы ссылки не подчер кивались, для селектора A следует добавить свойство text-decoration со значением none, как показано в примере 1.

Пример 1. Ссылка без подчеркивания

<!DOCTYPE html>

<html>

<head>

<title>Ссылки без подчеркивания</title>

<style>

a {

text-decoration: none; /* Отменяем подчеркивание у ссылки */

}

</style>

</head>