CSSで下線を入れる方法

王林
リリース: 2021-06-22 16:13:37
オリジナル
3342 人が閲覧しました

CSS で下線を追加する方法は、テキストに text-decoration 属性を設定し、属性値を [h3 {text-decoration:underline;}] のように下線に設定することです。

CSSで下線を入れる方法

#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。

下線、上線、取り消し線などをテキストに追加するには、テキストに text-decoration 属性を追加するだけです。 text-decoration 属性について簡単に紹介しましょう。


text-decoration 属性は、下線、上線、取り消し線など、テキストに追加される装飾を指定します。

一般的に使用される属性値は次のとおりです:

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

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

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

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

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

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

# コード例:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
</style>
</head>

<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
</body>

</html>
ログイン後にコピー

実行結果は以下のようになります:


CSSで下線を入れる方法# # 関連する推奨事項:

css ビデオ チュートリアル

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

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