144

私のページには、行が不要なリンクをいくつか入れていますが、HTMLを使用してそれを削除するにはどうすればよいですか？

4

8 に答える 8

207

インラインバージョン：

<a href="http://yoursite.com/" style="text-decoration:none">yoursite</a>

ただし、通常、Webサイトのコンテンツ（HTML）をプレゼンテーション（CSS ）から分離する必要があることに注意してください。したがって、通常はインラインスタイルを避ける必要があります。

CSSを使用した同等の回答を確認するには、 Johnの回答を参照してください。

于 2012-06-01T16:19:29.167 に答える
58

これにより、すべてのリンクからすべての下線が削除されます。

a {text-decoration: none; }

これを適用したい特定のリンクがある場合は、次のようなクラス名を付けて、次のようnounderlineにします。

a.nounderline {text-decoration: none; }

これはそれらのリンクにのみ適用され、他のすべてのリンクは影響を受けません。

このコードは<head>、ドキュメントまたはスタイルシートに属します。

<head>
    <style type="text/css">
        a.nounderline {text-decoration: none; }
    </style>
</head>

そして体内で：

<a href="#" class="nounderline">Link</a>
于 2012-06-01T16:16:39.607 に答える
18

マウスポインタがアンカーの上にある場合は、アンダースコアを避けるために：hoverを使用することをお勧めします

a:hover {
   text-decoration:none;
}
于 2014-02-09T13:08:12.373 に答える
6

  1. これを外部スタイルシートに追加します（推奨）：

    a {text-decoration:none;}

  2. <head>または、これをHTMLドキュメントのに追加します。

    <style type="text/css">
 a {text-decoration:none;}
</style>

  3. aまたは、要素自体に追加します（非推奨）：

    <!-- Add [ style="text-decoration:none;"] -->
<a href="http://example.com" style="text-decoration:none;">Text</a>
于 2012-06-01T16:18:24.417 に答える
5

他の答えはすべてテキスト装飾に言及しています。Wordpressテーマや他の人のCSSを使用して、リンクに他の方法で下線が引かれている場合があります。そのため、text-decoration：noneは下線をオフにしません。

境界線とボックスシャドウは、リンクに下線を引くために私が知っている他の2つの方法です。これらをオフにするには：

border: none;

と

box-shadow: none;
于 2015-12-11T17:27:10.837 に答える
2

The following is not a best practice, but can sometimes prove useful

It is better to use the solution provided by John Conde, but sometimes, using external CSS is impossible. So you can add the following to your HTML tag: 

<a style="text-decoration:none;">My Link</a>
于 2012-06-01T16:21:32.993 に答える
2

上記のすべてのコードは私にとってはうまくいきませんでした。問題を掘り下げると、hrefの後にスタイルを配置したため、問題が機能していなかったことがわかりました。hrefの前にスタイルを配置すると、期待どおりに機能していました。

<a style="text-decoration:none" href="http://yoursite.com/">yoursite</a>
于 2018-05-15T12:52:54.380 に答える
1 
<style="text-decoration: none">

上記のコードで十分です。アンダースコアを削除するリンクにこれを貼り付けるだけです。

于 2013-11-19T09:20:57.593 に答える