2014-12-30 36 views
-1

我下面的HTML代碼:如何在以下場景中使用HTML中的表情圖標?

<div id="js_contact_message">Your have been registered successfully</div> 

以詞 「成功」 後,以下表情:
enter image description here

如何實現這一目標?

我有下面的鏈接,但不理解如何使用這些unicode值?

http://apps.timwhitlock.info/emoji/tables/unicode 
+2

爲什麼不直接使用普通的''標籤?正如參考頁所述,大多數桌面瀏覽器不會使用unicode值本地顯示大多數表情符號 – Rhumborl

回答

2

如何

#js-contact-message:after { 
 
content: '\1f603'; 
 
color:orange; /* yellow: not enough contrast with white background */ 
 
}
<div id="js-contact-message">… successfully</div>

+0

表情符號圖標以黑色顯示,我希望它以黃色顯示。 – PHPLover

+0

@PHPLover:所以使用'color' CSS屬性來設計它? –

+0

但我不知道如何使用它?你能否把它添加到你的答案?這對我來說真的很有幫助。 – PHPLover

相關問題