ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでフォントの下線を設定する方法

CSSでフォントの下線を設定する方法

王林
王林オリジナル
2020-11-16 16:40:0310837ブラウズ

CSS でフォ​​ントの下線を設定する方法: [text-decoration:underline;] など、text-decoration 属性を使用して設定できます。 text-decoration 属性は、テキストに追加する装飾、下線、上線、取り消し線などを指定するために使用されます。

CSSでフォントの下線を設定する方法

属性の紹介:

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

(ビデオ チュートリアルの共有: css ビデオ チュートリアル)

構文:

/*关键值*/
text-decoration: none;                     /*没有文本装饰*/
text-decoration: underline red;            /*红色下划线*/
text-decoration: underline wavy red;       /*红色波浪形下划线*/
/*全局值*/
text-decoration: inherit;
text-decoration: initial;
text-decoration: unset;

属性値:

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

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

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

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

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

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

例:

h1.under {
    text-decoration: underline;
}
h1.over {
    text-decoration: overline;
}
p.line {
    text-decoration: line-through;
}
p.blink {
    text-decoration: blink;
}
a.none {
    text-decoration: none;
}
p.underover {
    text-decoration: underline overline;
}

関連する推奨事項:

CSS チュートリアル

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

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