ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLのハイパーリンクから下線を削除するにはどうすればよいですか? HTMLハイパーリンクの下線を消す方法の紹介
HTMLのハイパーリンクから下線を削除するにはどうすればよいですか? HTMLハイパーリンクの下線を消す方法の紹介
- 不言オリジナル
- 2018-10-09 11:25:0225666ブラウズ
フロントエンド Web ページの開発ではハイパーリンクの使用が常に避けられませんが、ハイパーリンクを使用すると、その下に下線が表示され、Web ページ内で非常に唐突で不適切で見苦しく見える場合があります。ハイパーリンクの下の下線を削除する 次の記事では、html の下のハイパーリンクから下線を削除する方法を紹介します。困っている友達はそれを参照してください。早速本文に進みましょう。
HTML コード内のハイパーリンクの下線を削除するには、CSS の text-decoration 属性が必要です。
text-decoration 属性の場合、ハイパーリンクの下線を削除するために定義する必要があるパラメータは text-decoration:none; です。 (text-decoration 属性のその他のパラメーターについては、css 学習マニュアル を参照してください。)
のハイパーリンクから下線を削除するコードを直接見てみましょう。 html。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
a{text-decoration:none}
</style>
</head>
<body>欢迎来到<a href="http://www.php.cn/">php中文网</a>！
</body>
</html>HTML のハイパーリンクから下線 を削除した場合の効果は次のとおりです。
上記のコードの内容HTML では、ハイパーリンクの下線を直接削除しますが、マウスがその上にあると下線が表示される場合があります。コードを直接見てみましょう。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
a:link,a:visited{
text-decoration:none; /*超链接无下划线*/
}
a:hover{
text-decoration:underline; /*鼠标放上去有下划线*/
}
</style>
</head>
<body>欢迎来到<a href="http://www.php.cn/">php中文网</a>！
</body>
</html>注: 上記のコードでは、ハイパーリンクに下線が付いていますが、マウスをその上に置いたときの状態を示す、スタイル シートの疑似クラスである :hover が使用されているときに下線が引かれます。ホバリングしています。
上記はこの記事の全内容です。さらに興味深い内容については、php 中国語 Web サイトに注目してください。 ！ ！
以上がHTMLのハイパーリンクから下線を削除するにはどうすればよいですか? HTMLハイパーリンクの下線を消す方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。