ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで取り消し線の色を設定する方法

CSSで取り消し線の色を設定する方法

青灯夜游
青灯夜游オリジナル
2021-04-14 18:21:083942ブラウズ

方法: 最初にテキストを含むspanタグを親タグpに埋め込み、次に親タグpに取り消し線スタイルを追加し、color属性を使用してテキストと取り消し線の色を設定し、最後に で使用します。 spam タグ color 属性によりテキストの色をリセットできます。

CSSで取り消し線の色を設定する方法

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

CSS では、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>

Rendering:

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>

レンダリング:

CSSで取り消し線の色を設定する方法

このようにして、

text-decoration: line-through;# を組み合わせます。 ##そして、スタイルはテキストのフォント色のスタイルを定義し、取り消し線とテキストのさまざまな色のスタイル効果をCSSで実現できます。非常に簡単ではありませんか!
(学習ビデオ共有:

css ビデオ チュートリアル

)

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

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