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

Пользователь

от catherine_wintheiser , в категории: HTML/CSS , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от stacy , 2 года назад

@catherine_wintheiser  Убрать нижнее подчеркивание ссылки в css можно через text-decoration :


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <style>
      a {
        text-decoration: none;
      }
    </style>
  </head>
  <body>
    <a href="https://dropcode.ru/">Ссылка</a>
  </body>
</html>


Пользователь

от dorothea_stoltenberg , 8 месяцев назад

@catherine_wintheiser 

Для того чтобы убрать нижнее подчеркивание у ссылки в CSS, можно использовать свойство text-decoration и задать значение none:

1
2
3
a {
  text-decoration: none;
}


Также можно задать этому свойству значение initial, которое устанавливает начальное значение для свойства, в зависимости от браузера:

1
2
3
a {
  text-decoration: initial;
}