Основным указанием на то, что перед нами ссылка, является то, что она подчеркнута и ее цвет изменен по сравнению с основным текстом. Такое визуальное оформление используется по умолчанию. Однако в определенных случаях может возникнуть необходимость в отображении ссылки без подчеркивания.

Решение

Для того чтобы убрать подчеркивание ссылок, воспользуемся свойством text-decoration. По умолчанию браузер устанавливает значение underline данного свойства для всех элементов a. Поэтому нам достаточно всего лишь установить его значение none для ссылок:

text-decoration: none;

Такой результат был достигнут с помощью следующего CSS-кода:

a:link, a:visited {
text-decoration: none;
}

 

Рис. 2.5. Использование свойства text-decoration позволяет убрать подчеркивание для ссылок

 Обсуждение
Помимо underline и none свойство text-decoration может принимать следующие значения:
• overline
• line-through
• blink

 
Эти значения можно комбинировать. К примеру, если бы вам захотелось оформить ссылку с помощью как нижнего, так и верхнего подчеркивания, как показано на рис. 2.6, то можно было бы использовать следующее правило стиля:

a:link, a:visited {
text-decoration: underline overline;
}

Рис. 2.6. Комбинирование различных значений свойства text-decoration позволяет создавать ссылки с нижним и верхним подчеркиванием