浅谈html特殊字符 编码css3 content:"我是特殊符号"

项目中用到的一些特殊字符和图标

html代码

1. <div class="cross"></div>    

css代码

1. .cross{    
2.     width: 20px;    
3.     height: 20px;    
4.     background-color: #F3F9FF;    
5.     border-radius: 10px;    
6.     border: 1px solid #DBE6EF;    
7.     display: inline-block;    
8.     position: relative;    
9.     bottombottom: 20px;    
10.     rightright: 15px;    
11. }    
12. .cross:after{    
13.     content: "\2715";//特殊字符或形状    
14.     color: #a2b6c5;    
15.     font-size: 12px;    
16.     position: relative;    
17.     left: 4px;    
18.     bottombottom: 3px;    
19.     cursor: pointer;    
20. }  

效果图

就是一个圆圈里面带个叉叉

特殊字符和形状可以省去很多事情，整理了一下网上的，留着以后用

基本形状  ▲ 9650 25B2    ► 9658 25BA    ► 9658 25BA   ▼ 9660 25BC ◄ 9668 25C4    ❤ 10084 2764   ✈ 9992 2708   ★ 9733 2605 ✦ 10022 2726   ☀ 9728 2600     ◆ 9670 25C6   ◈ 9672 25C8 ▣ 9635 25A3

标点,特殊符号
« 171 00AB       » 187 00BB        ‹ 139 008B      › 155 009B        “ 8220 201C    ” 8221 201D  ‘ 8216 2018      ’ 8217 2019       • 8226 2022     ◦ 9702 25E6      ¡ 161 00A1       ¿ 191 00BF  ℅ 8453 2105   № 8470 2116     & 38 0026       @ 64 0040         ℞ 8478 211E    ℃ 8451 2103  ℉ 8457 2109   ° 176 00B0         | 124 007C       ¦ 166 00A6     – 8211 2013      — 8212 2014 … 8230 2026   ¶ 182 00B6        ∼&nbs