ホームページ > 記事 > ウェブフロントエンド > HTMLのハイパーリンクの下線を消す方法は？ a タグから下線を削除するすべての方法は次のとおりです。
HTMLのハイパーリンクの下線を消す方法は？ a タグから下線を削除するすべての方法は次のとおりです。
- 寻∝梦オリジナル
- 2018-09-03 17:25:5680666ブラウズ
この記事は HTML ハイパーリンクの下線を削除する方法について説明します。最後に、関連するコードの説明もあります。
まず第一に。 CSS の基本スタイルを使用して、下線を削除する最も簡単な方法を実行します:
html ハイパーリンク タグ。デフォルトでは、アンカー テキストのハイパーリンク A タグ内のほとんどのフォントは下線を表示します。ハイパーリンクから下線を削除するには? HTMLハイパーリンクから下線を削除するにはどうすればよいですか?
ハイパーリンクアンカーテキストの下線を削除するには、CSSスタイル属性が必要です:
text-decoration
ほとんどの場合、text-decoration:underlineは下線を表示することを知っています。
HTML のタグ ハイパーリンクの下線を削除するコード:
text-decoration:none
a{text-decoration:none}これにより、Web ページのハイパーリンクの下線効果を削除できます。この CSS コードを設定しただけでは、ハイパーリンク上にマウスを移動しても下線が削除されず、下線が表示されません。
互換性の問題を避けるため、マウスをホバーしてクリックしたときにハイパーリンクに下線を引かないようにするには、次のような CSS コードが必要です:
a:hover{text-decoration:none}マウスをハイパーリンク上に移動すると、下線は表示されません。
ハイパーリンクの下線を削除する完全な HTML - HTML ハイパーリンクの下線を削除するコード:
a{ text-decoration:none}
a:hover{ text-decoration:none}完全なコード例を見てみましょう:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8" />
<title>PHP中文网：取消下划线实例</title>
<style>
a{text-decoration:none}
a:hover{text-decoration:none}
</style>
</head>
<body>
欢迎来到<a href=“www.php.cn”>php中文网</a>
</body>
</html>ブラウザでのレンダリングを見てみましょう:
です上の図は非常に鮮明です。以前は PHP の中国語 Web サイトに下線がありましたが、今はなくなりました。これは非常に便利ではないでしょうか。
必要になる場合がある下線に関する次のコードもあります:
1.html ハイパーリンクにはデフォルトで下線が表示され、マウスをホバーすると下線は消えます
a{ text-decoration:underline}
a:hover{ text-decoration:none}2.html デフォルトでは下線が削除されます、マウスを置くと下線が表示されます
a{ text-decoration:none}
a:hover{ text-decoration:underline}上記は、この記事の HTML ハイパーリンクの下線を解除する方法です。 いくつかの関連コードも必要になると思います。以下にお問い合わせください。
【編集者のおすすめ】
HTML空間コードの書き方は？ HTML空間コードの表現まとめ
HTMLのtbodyタグはブロックレベルの要素なのでしょうか？ HTML tbodyタグの基本的な使い方
以上がHTMLのハイパーリンクの下線を消す方法は？ a タグから下線を削除するすべての方法は次のとおりです。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。