CSS3中的unicode字符編碼,來添加圖標

使用方法
1,第一步
使用utf-8編碼。
2,第二步
下面有兩列編碼,第一列是html編碼,使用時,需要在其前面加&#;
第二列是css編碼。使用時,需要在其前面加 \ 轉義;
第二列也可用於js,使用時,需要在其前面加 \u 來轉義。

注意事項

1,有些字符在不同瀏覽器下表現樣式有所不同,需要注意.
2,例如以下這些是瀏覽器支持的unicode字符編碼,如果需要使用的圖標瀏覽器不是瀏覽器默認支持的,就需要引入字體圖標庫。

常用的字體圖標庫如下
2.1 阿里圖標
2.2 icomoon
常用字符如下
在這裏插入圖片描述
使用demo

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Unicode字符編碼</title>
		<style>
			.icon{
				font-size: 14px;
				color: red;
				padding-right: 5px;
			}
			.icon-left:before{
				content:'\21E0';
				
			}
		</style>
	</head>
	<body>
		<p>&#8672</p>
		<p><i class="icon icon-left"></i>箭頭</p>
	</body>
</html>

參考鏈接 https://blog.csdn.net/sinat_17775997/article/details/52384680

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章