CSSの下線を消す方法

醉折花枝作酒筹
リリース: 2023-01-05 16:09:02
オリジナル
17724 人が閲覧しました

CSSでは「text-decoration」属性を使用することで、要素に「text-decoration:none」スタイルを設定するだけで下線を解除できます。 text-decoration 属性は、テキストに装飾を加えるために使用され、値が "none" の場合、修正されていない標準テキストを定義できます。

CSSの下線を消す方法

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

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.cctv.com/">我的世界</a>! 
</body> 
</html>
ログイン後にコピー

効果は次のとおりです:

CSSの下線を消す方法

text-decoration 属性は装飾を指定します。本文に追加しました。

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

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

属性値:

  • none デフォルト。標準を定義するテキスト。

  • underline テキストの下に線を定義します。

  • overline テキスト上の線を定義します。

  • line-through は、テキストの下を通過する線を定義します。

  • blink 点滅するテキストを定義します。

  • inherit は、text-decoration 属性の値を親要素から継承することを指定します。

推奨学習: css ビデオ チュートリアル

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート