ホームページ > 記事 > ウェブフロントエンド > HTMLのテキストに取り消し線を追加するにはどうすればよいですか?取り消し線を付ける2つの方法（例）
HTMLのテキストに取り消し線を追加するにはどうすればよいですか?取り消し線を付ける2つの方法（例）
- 青灯夜游オリジナル
- 2018-10-09 11:53:5218942ブラウズ
大手ショッピング モールの Web サイトを閲覧すると、必ず特定の商品の元の価格マークが表示され、その後、現在プロモーション中であることを示すために元の価格に明らかな取り消し線が追加されていると思います。現在の価格がそのままの価格に変更され、ユーザーに直感的な違いを提供し、ユーザーの購入を促します。では、このような取り消し線効果はどのようにしてテキストに追加されるのでしょうか?この章では、HTML のテキストに取り消し線を追加する 2 つの方法を紹介します。困っている友人は参考にしていただければ幸いです。
まず、HTML ページのテキストに取り消し線効果を追加する 2 つの方法を見てみましょう。
html タグ要素はテキストに取り消し線効果を実装します。 ;
html label 要素はテキストに取り消し線を追加する効果を実現します。
以下では、これら 2 つのメソッドがテキストに取り消し線を追加する効果を実現する方法を詳しく紹介します。簡単に例を挙げて紹介します。
html タグ
タグは取り消し線のテキスト定義で定義できます。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html <strike> 标签</title> </head> <body> <p><strike>这是测试代码，被删除了</strike></p> </body> </html>
レンダリング:
html タグ
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html <del> 标签</title> </head> <body> <p>原价：<del>20</del>，现在促销价：10</p> </body> </html>レンダリング:
CSS に取り消し線を追加するには? css text-decoration属性設定取り消し線（コード例） 】では、cssを使って取り消し線のスタイルを設定する方法を紹介します。これが皆さんの学習に役立つことを願っています。その他の関連チュートリアルについては、 HTML ビデオ チュートリアル をご覧ください。
関連する推奨事項:以上がHTMLのテキストに取り消し線を追加するにはどうすればよいですか?取り消し線を付ける2つの方法（例）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。