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
Lepaskan: 2024-12-02 22:58:13
asal
598 orang telah melayarinya

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
}
Salin selepas log masuk

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;
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan