ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSフォントの下線を設定するにはどうすればよいですか?テキストに下線を引く方法

CSSフォントの下線を設定するにはどうすればよいですか?テキストに下線を引く方法

云罗郡主
リリース: 2018-11-22 15:52:32
転載
15875 人が閲覧しました

この記事の内容はCSSフォントの下線の設定方法についてです。テキストに下線を追加する方法は、参考にしていただければ幸いです。

css レイアウト設定テキストの下線スタイル - 下線付きフォント テキスト レイアウト

淘宝網、JD.com、その他のオンライン モールで、元の価格のテキストに下線が引かれ、割引額が表示されるレイアウトを見ました。テキストには下線が引かれません。

CSSフォントの下線を設定するにはどうすればよいですか?テキストに下線を引く方法

1. テキスト内の 2 種類の下線付き CSS タグと HTML タグ

1. CSS 属性の単語とコード

Word: text-decoration

underline value

text-decoration:line-through

2、HTML 下線タグ

S タグ

には下線が付けられています

2. 下線付きの div CSS の例

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文字加中划线实例</title>
<style>
.zhx{ text-decoration:line-through}
</style>
</head>
<body>
<p>原价:¥<span class="zhx">200.00</span><br />
现价:¥120.00</p>
</body>
</html>
ログイン後にコピー

効果は次のとおりです。

CSSフォントの下線を設定するにはどうすればよいですか?テキストに下線を引く方法#CSS は text-decoration:line-through で下線のスタイルを設定します。

元の価格番号については、下線 CSS スタイルを導入するクラスを追加します。


上記はCSSフォントの下線を設定する方法です。テキストに下線を追加する方法の完全な紹介

CSS3 チュートリアル

について詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。

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

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