Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Mewarna Emoji Unicode dalam Pelayar Web?

Bagaimanakah Saya Boleh Mewarna Emoji Unicode dalam Pelayar Web?

DDD
DDDasal
2024-12-02 22:58:13693semak imbas

How Can I Color Unicode Emojis in Web Browsers?

Mewarna Emoji Unikod dalam Penyemak Imbas

Dalam penyemak imbas web moden, memasukkan aksara Emoji boleh dilaksanakan. Walau bagaimanapun, bagaimanakah seseorang itu memaparkannya dalam warna tertentu sambil mengekalkan kawalan ke atas rona yang dipilih?

Pertimbangkan contoh berikut:

<p>
  ???
</p>
<p>
  ♥★ℹ
</div>

p {
  font-size: 3em;
  color: red
}

HTML dan CSS ini harus memaparkan teks dan emoji dalam merah, tetapi hanya teks yang dipaparkan dalam warna yang ditentukan.

Memaparkan Emoji dalam Warna

Untuk mewarnakan Emoji watak:

div {
  color: transparent;  
  text-shadow: 0 0 0 red;
}

Dalam

tag, tetapkan sifat warna kepada telus untuk menjadikan teks tidak kelihatan. Kemudian, gunakan bayang teks untuk mencipta kesan teks berwarna yang diingini dengan offset sifar dan warna yang dipilih sebagai parameter ketiga.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mewarna Emoji Unicode dalam Pelayar Web?. 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