HTMLのハイパーリンクの下線を消す方法は？ a タグから下線を削除するすべての方法は次のとおりです。-htmlチュートリアル-php.cn

HTMLのハイパーリンクの下線を消す方法は？ a タグから下線を削除するすべての方法は次のとおりです。

寻∝梦

リリース： 2018-09-03 17:25:56

オリジナル

80783 人が閲覧しました

この記事は 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>

ログイン後にコピー

ブラウザでのレンダリングを見てみましょう:

HTMLのハイパーリンクの下線を消す方法は？ a タグから下線を削除するすべての方法は次のとおりです。

です上の図は非常に鮮明です。以前は 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 サイトの他の関連記事を参照してください。