Rumah >hujung hadapan web >tutorial css >Bagaimanakah saya boleh menukar warna perkataan tertentu dalam rentetan teks HTML?

Bagaimanakah saya boleh menukar warna perkataan tertentu dalam rentetan teks HTML?

Patricia Arquette
Patricia Arquetteasal
2024-11-16 00:48:02210semak imbas

How can I change the color of specific words within an HTML text string?

Menukar Warna Perkataan Khusus dalam Teks HTML

Untuk mengubah warna perkataan tertentu dalam rentetan teks dalam HTML, anda boleh menggunakan kelas CSS atau CSS sebaris.

Sebaris CSS:

<p> Sertai pertandingan sebelum <br> <span> dan anda boleh memenangi sehingga $$$$ — termasuk <br> <span> yang menakjubkan perjalanan!<br></p><br>

Pendekatan ini menambah elemen rentang di sekeliling perkataan yang anda ingin warnakan secara berbeza dan menggunakan gaya warna pada rentang itu.

Kelas CSS:

Sebagai alternatif, anda boleh menentukan kelas CSS:


<style type="text/css">
  p { 
    font-size:14px; 
    color:#538b01; 
    font-weight:bold; 
    font-style:italic;
  }
  .date {
    color: #ff0000;
  }
  .season { /* Contrived example... */
    color: #0000a0;
  }
</style>


<p>
  Enter the competition by 
  <span>



Kaedah ini melibatkan penciptaan Peraturan CSS untuk warna yang diingini, memberikan peraturan tersebut kepada kelas tertentu dan kemudian menggunakan kelas tersebut pada teks yang ingin anda gayakan.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menukar warna perkataan tertentu dalam rentetan teks 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