ホームページ > 記事 > ウェブフロントエンド > CSS 取り消し線コードとはどういう意味ですか?
CSS 取り消し線コードとはどういう意味ですか?
- 青灯夜游オリジナル
- 2022-09-14 13:59:554283ブラウズ
CSS 取り消し線コードは「テキスト要素 {text-decoration:line-through;}」です。 CSS の text-decoration 属性は、テキストに追加される下線、上線、取り消し線などの変更を指定するために使用されます。この属性の値が "line-through" に設定されている場合、テキストを通る線を定義できます。つまり、取り消し線効果です。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
CSS では、text-decoration 属性を使用して取り消し線効果を実現できます。実装コードは次のとおりです:
文本元素{text-decoration:line-through;}text-decoration 属性は、テキスト、下線、テキストに追加される変更を指定します。上線、取り消し線など。
| 説明 | |
|---|---|
| デフォルト。標準を定義するテキスト。 | |
| テキストの下に線を定義します。 | |
| テキスト上に線を定義します。 | |
| テキストの下を通る線を定義します。 | |
| 点滅するテキストを定義します。 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的删除线</title>
<style>
p{
text-decoration:line-through;
}
</style>
</head>
<body>
<p>这里有一条删除线</p>
</body>
</html>
text-decoration:line-through; を設定すると、 p要素 本文中の文字に取り消し線を引く方法は簡単で便利です。また、次のような CSS 設定を使用して取り消し線のスタイルを変更することもできます。例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的删除线</title>
<style>
p{
text-decoration:line-through;
color: red;
}
span{
color: black;
}
</style>
</head>
<body>
<p><span>这里有一条删除线</span></p>
</body>
</html>
text-decoration: line を組み合わせます。 -through と スタイルはテキストのフォント色のスタイルを定義し、CSS で取り消し線とテキストのさまざまな色のスタイル効果を実現できます。とてもシンプルです！
Web フロントエンドの入門 )
以上がCSS 取り消し線コードとはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。