Rumah >hujung hadapan web >tutorial css >Bagaimanakah saya boleh menukar warna garisan coretan dalam HTML?

Bagaimanakah saya boleh menukar warna garisan coretan dalam HTML?

Susan Sarandon
Susan Sarandonasal
2024-11-19 13:20:02694semak imbas

How can I change the color of a strikethrough line in HTML?

Mewarnai Garisan Strikethrough Berbeza daripada Teks

, dan Elemen HTML semuanya boleh menghasilkan kesan yang menarik pada teks. Walau bagaimanapun, garisan coretan selalunya berkongsi warna yang sama dengan teks.

Menggunakan CSS untuk Menukar Warna Coretan

Nasib baik, CSS boleh digunakan untuk mengubah warna garisan coretan. Begini caranya:

  1. Balut Teks dalam Elemen Tambahan: Buat elemen pembalut tambahan untuk memisahkan warna coretan daripada warna teks.
  2. Tetapkan Warna Coretan kepada Elemen Luar: Tetapkan warna coretan yang diingini kepada elemen luar menggunakan hiasan teks harta.
  3. Tetapkan Warna Teks kepada Elemen Dalam: Dalam elemen luar, letakkan elemen dalam dan tetapkan warna teks yang dikehendaki padanya.

Contoh

Pertimbangkan kod berikut:

<span>

Kod ini akan dipaparkan "hitam dengan coretan merah" dengan teks dalam warna hitam dan garisan coretan berwarna merah. Bahagian luar <span> elemen menetapkan warna coretan, manakala bahagian dalam <span> elemen menetapkan warna teks.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menukar warna garisan coretan dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn