ホームページ > 記事 > ウェブフロントエンド > CSSでハイパーリンクから下線を削除する方法

CSSでハイパーリンクから下線を削除する方法

php中世界最好的语言オリジナル: 2017-11-20 16:07:298887ブラウズ

Web ページには必然的にテキスト A ハイパーリンクアンカーテキストのペアがいくつかありますが、デフォルトでは、リンクを含むすべてのテキストに下線効果が付いています。このハイパーリンクの下線効果を削除するにはどうすればよいですか?次に、強力な CSS を使用する必要があります。

CSS設定を通じてハイパーリンクアンカーテキストを含むフォントテキストのデフォルトの下線を消すには、下線を削除するためのCSSスタイルワードtext-decorationが必要です。

Web ページ全体のデフォルトのリンクから下線を削除して下線をなくすための具体的な CSS コードは次のとおりです:

a{text-decoration: none}

上記の CSS コードは、下線の削除をキャンセルできます。

DIV CSS 知識の拡張、デフォルトのリンクには下線効果がありません。マウスを対応するテキストの上に移動してホバーすると、対応するテキストの CSS スタイルコード:

a{text-decoration : none} 
a:hover{text-decoration:underline}

これにより、リンクテキストに下線が付きます。 Web ページ内の下線スタイル効果は、マウスをアンカーテキストテキスト上に移動した場合にのみ表示されます。

以下は、デフォルトではリンクテキストには下線が引かれず、アンカーテキストフォントの上にマウスを置くとCSSの下線が表示されます。

サンプルの完全な HTML ソースコード:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>无下划线实现 DIVCSS5</title> 
<style> 
a{ text-decoration:none} 
a:hover{ text-decoration:underline} 
</style> 
</head> 
<body> 
欢饮来到<a href="http://www.php.cn">www.php.cn</a>关于默认链接无下划线实例 
</body> 
</html>

CSSでハイパーリンクから下線を削除する方法

関連記事