ホームページ  >  記事  >  ウェブフロントエンド  >  CSSの下線を消す方法

CSSの下線を消す方法

藏色散人
藏色散人オリジナル
2021-02-24 10:27:154688ブラウズ

CSS の下線を削除する方法: まず HTML サンプル ファイルを作成し、次に本文に a タグを定義し、最後に CSS 属性を「a{text-decoration:none}」に設定して下線を削除します。

CSSの下線を消す方法

このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。

ハイパーリンク アンカー テキスト (html a) をテキストに追加すると、デフォルトでフォントに自動的に下線が付きますが、CSS を使用してテキスト フォントの下線付きスタイルをキャンセルし、Web 全体でハイパーリンクを削除することができます。ページ。

CSS での下線のキャンセルは、text-decoration:none スタイルを使用して実現できます。

例:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>取消下划线</title> 
<style> 
a{ text-decoration:none} 
</style> 
</head> 
<body> 
欢迎来到<a href="https://www.php.cn/">PHP中文网</a>! 
</body> 
</html>

text-decoration 属性は、テキストに追加される装飾を指定します。

[推奨: css ビデオ チュートリアル ]

注: 変更された色は、「color」属性によって設定されます。

この属性を使用すると、テキストに下線などの特定の効果を設定できます。子孫要素に独自の装飾がない場合、祖先要素に設定された装飾は子孫要素にも「拡張」されます。ユーザー エージェントはまばたきをサポートする必要はありません。

属性値:

none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

以上がCSSの下線を消す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。