ホームページ > 記事 > ウェブフロントエンド > CSSで取り消し線の色を設定する方法
方法: 最初にテキストを含むspanタグを親タグpに埋め込み、次に親タグpに取り消し線スタイルを追加し、color属性を使用してテキストと取り消し線の色を設定し、最後に で使用します。 spam タグ color 属性によりテキストの色をリセットできます。
このチュートリアルの動作環境: 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:
<!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で実現できます。非常に簡単ではありませんか!
(学習ビデオ共有:
以上がCSSで取り消し線の色を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。