アンカー（リンク）の下線を削除するにはどうすればよいですか？

とにかく（CSSで）、ページで紹介されているテキストとリンクの下線を避けるためにありますか？

CSSを使用します。これにより、aおよびu要素から下線が削除されます。

a, u {
    text-decoration: none;
}

場合によっては、要素の他のスタイルをオーバーライドする必要があります。その場合!important、ルールで修飾子を使用できます。

a {
    text-decoration: none !important;
}

CSSは

text-decoration: none;

そして

text-decoration: underline;

これにより、アンカータグが存在する下線だけでなく、色も削除されます

 a {
     text-decoration: none ;
  }
a:hover
  {
    color:white;
    text-decoration:none;
    cursor:pointer;
   }

最も簡単なオプションはこれです：

<a style="text-decoration: none">No underline</a>

もちろん、CSSとHTMLを混在させること（つまり、インラインCSS）は、特にaタグをあちこちで使用している場合にはお勧めできません。
そのため、これをスタイルシートに追加することをお勧めします。

a {
    text-decoration: none;
}

またはJSファイルのこのコード：

var els = document.getElementsByTagName('a');

for (var el = 0; el < els.length; el++) {
    els[el].style["text-decoration"] = "none";
}

CSSを使用してを削除しtext-decorationます。

a {
    text-decoration: none;
}

アンカーリンクからのみ下線を削除する場合の最適なオプション-

    #content a{
                text-decoration-line:none;
                }

これにより、下線が削除されます。

さらに、他のスタイルを操作するために同様の構文を使用することもできます-

                text-decoration: none;
                text-decoration-color: blue;
                text-decoration-skip: spaces;
                text-decoration-style: dotted;

お役に立てれば！

PS-これは私の初めての答えです！

私の場合、このようなアンカーによるホバー効果に関するルールがありました：

#content a:hover{
border-bottom: 1px solid #333;
}

もちろん、 text-decoration:none;この状況では助けられませんでした。そして、気付くまでたくさんの時間を費やしています。

だから：アンダースコアはボーダーボトムと混同しないでください。

一部のレンダリングUI CSSによってオーバーライドされることがあります。使用するのが良い：

a.className {
    text-decoration: none !important;
}

（元の投稿のタイトル/コンテンツから推測されるように）問題に別の視点を提供するには：

HTMLで不正な下線を作成している原因を追跡する場合は、デバッグツールを使用します。たくさんの選択肢があります：

FirefoxにはFireBugがあります。

OperaにはDragonflyがあります（[ツール]-> [詳細設定]メニューでは「開発者ツール」と呼ばれ、Operaにはデフォルトで付属しています）。

IEには「Internet Explorer Developer Toolbar」があります。これは、IE7以下で個別にダウンロードされ、IE8に統合されています（F12キーを押します）。

Safari、Chrome、その他の少数派のブラウザについては知りませんが、おそらく上記の3つのうち少なくとも1つをマシンにインストールする必要があります。

アンカータグをスタイリングを追加せずに単にリンクとして使用する場合（ホバーの下線や青色など）class="no-style"、アンカータグに追加 します。次に、グローバルスタイルシートでクラス「no-style」を作成します。

.no-style { text-decoration: none !important; }

これには2つの利点があります。

1. すべてのアンカータグに影響するのではなく、「no-style」クラスが追加されたものだけに影響します。
2. これは、text-decorationをnoneに設定することを妨げる可能性がある他のスタイルをオーバーライドします。

リンクタグを使用してスタイルシートを含めることを忘れないでください

http://www.w3schools.com/TAGS/tag_link.asp

または、WebページのスタイルタグでCSSを囲みます。

<style>
  a { text-decoration:none; }
  p { text-decoration:underline; }
</style>

下線をリンク以外のものに使用することはお勧めしません。下線は通常、クリック可能なものとして受け入れられます。クリックできない場合は、下線を引かないでください。

CSSの基本はw3schoolsで入手できます

<u>

非推奨のタグです。

使用する...

<span class="underline">My text</span>

CSSファイルを含む...

span.underline
{
    text-decoration: underline;
}  

あるいは単に...

<span style="text-decoration:underline">My Text</span>

cssプロパティを使用し、

text-decoration:none;

リンクから下線を削除します。

下線は、テキスト装飾と呼ばれるCSSプロパティによって削除できます。

<style>
a{
text-decoration:none;
}
</style>

あなたが以外の要素内のテキストの存在のために下線を削除したい場合は、次の構文を使用する必要があります。

<style>
element-name{
text-decoration:none;
}
</style>

リンクのデザインに役立つ他の多くのテキスト装飾値があります。

私はウェブ印刷でこの問題に悩んで解決しました。検証結果。

a {
    text-decoration: none !important;
}

できます！。