Как удалить подчеркивание из ссылки? - PullRequest
1 голос
/ 31 марта 2019

Я пытаюсь удалить подчеркивание из ссылок на сайте. Я пытался использовать «text-украшение: нет; но это не сработает. Какой синтаксис я сделал неправильно? или есть лучший способ удалить подчеркивание?

<head>
  <style>
    font {
      color: #ff9600;
      text-decoration: none;
    }
  </style>
</head>

<body>
  <a href="index.html">
    <font>Home</font>
  </a>
  <a href="watch.html">     
    <font>Watch</font>
  </a>
  <a href="info.html">
    <font>Info</font>
  </a>
</body>

Ответы [ 5 ]

1 голос
/ 31 марта 2019

Вы должны использовать

a {
  text-decoration: none;
}

в вашей таблице стилей. text-decoration - это то, что добавляет подчеркивание, а этот код удаляет его.


Side Примечание: Кроме того, вы не должны использовать тег <font>, так как устарел . Вы должны использовать классы.
0 голосов
/ 31 марта 2019

Просто переместите text-decoration: none; с font CSS на anchor tag a CSS.Решит вашу проблему.Спасибо

a {
  text-decoration: none;
}

a {
  text-decoration: none;
}

font {
  color: #ff9600;
}
<a href="index.html">
  <font>Home</font>
</a>
<a href="watch.html">     
  <font>Watch</font>
</a>
<a href="info.html">
  <font>Info</font>
</a>
0 голосов
/ 31 марта 2019

проверить, надеюсь, это сработает .. [! [

<head>
<style>
     font {
          color: #ff9600;
          }
    
    a{
    
    text-decoration: none;
    }
    </style>
    </head>
    <body>
      <a href="index.html">
        <font>Home</font>
      </a>
      <a href="watch.html">     
        <font>Watch</font>
      </a>
      <a href="info.html">
        <font>Info</font>
      </a>
    </body>

] 1 ] 1

0 голосов
/ 31 марта 2019

Попробуйте это:

<head>
  <style>
    font {
      color: #ff9600;
      text-decoration: none;
    }
    a {
      text-decoration: none;
    }
  </style>
</head>
<body>
  <a href="index.html">
    <font>Home</font>
  </a>
  <a href="watch.html">     
    <font>Watch</font>
  </a>
  <a href="info.html">
    <font>Info</font>
  </a>
</body>
0 голосов
/ 31 марта 2019
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...