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

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

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

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

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Ссылки без подчёркивания</title>
  <style>
   a { 
    text-decoration: none; /* Отменяем подчёркивание у ссылки */
   } 
  </style>
 </head>
 <body>
  <p><a href="page/glass.html">Ссылка без подчёркивания</a></p>
 </body>
</html>

Результат данного примера показан ни рис. 1.

Ссылка, у которой отсутствует подчёркивание

Рис. 1. Ссылка, у которой отсутствует подчёркивание

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 20.09.2018
Редакторы: Влад Мержевич
Курс по вёрстке сайта на CSS Grid