CSS を使用して複数色のテキストの取り消し線を作成する方法

CSS を使用して複数色のテキストの取り消し線を実現する

HTML 要素 del、strike、または s と CSS プロパティ text-decoration:line -through はすべて取り消し線効果を作成するために使用できます。ただし、デフォルトでは、取り消し線はテキストと同じ色です。

取り消し線の色を変更する方法

取り消し線の色をカスタマイズするには、追加の折り返し要素を使用します。活用することができます。希望の線の色を外側の要素に割り当て、希望のテキストの色を内側の要素に割り当てることで、複数色の取り消し線を実現できます。

たとえば、次のコード スニペットを考えてみましょう:

<span>

この例では、外側のスパンには赤い線があり、内側のスパンには黒いテキストがあります。これにより、「黒と赤の取り消し線」というテキストが黒と赤の取り消し線で表示されます。

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