[摘要]这次给大家带来html的特殊字符-css3 content:"特殊符号"应该如何使用,使用html的特殊符号应该如何使用的注意事项有哪些,下面就是实战案例,一起来看一下。项目中用...
这次给大家带来html的特殊字符-css3 content:"特殊符号"应该如何使用,使用html的特殊符号应该如何使用的注意事项有哪些,下面就是实战案例,一起来看一下。
项目中用到的一些特殊字符和图标
html代码
<div class="cross"></div>
css代码
.cross{
width: 20px;
height: 20px;
background-color: #F3F9FF;
border-radius: 10px;
border: 1px solid #DBE6EF;
display: inline-block;
position: relative;
bottombottom: 20px;
rightright: 15px;
}
.cross:after{
content: "\2715";//特殊字符或形状
color: #a2b6c5;
font-size: 12px;
position: relative;
left: 4px;
bottombottom: 3px;
cursor: pointer;
}
就是一个圆圈里面带个叉叉
特殊字符和形状可以省去很多事情,整理了一下网上的,留着以后用
基本形状 ▲ 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
关键词:html的特殊字符-css3 content:"特殊标记"应该如何运用