web-dev-qa-db-ja.com

href属性を持つ下線を削除する

可能性のある複製：
アンカー（リンク）の下線を削除する方法

次のコードでは、href属性を使用するとリンクに下線が引かれます。

<html>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>

リンクをそのタグに関連付けますが、下線は付けません。どうやってやるの？よろしくお願いします。

htmlhrefunderline
46
Victor Mukherjee

属性text-decoration:none;を持つスタイルを追加します。

これを行うには、さまざまな方法があります。

インラインスタイル：

<a href="xxx.html" style="text-decoration:none;">goto this link</a>

インラインスタイルシート：

<html>
<head>
<style type="text/css">
   a {
      text-decoration:none;
   }
</style>
</head>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>

外部スタイルシート：

<html>
<head>
<link rel="Stylesheet" href="stylesheet.css" />
</head>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>

stylesheet.css：

a {
      text-decoration:none;
   }
93
Curt