前端页面-css特殊符号content编码及使用方法

xyc

在前端编写页面时，经常会用到特殊符号，使用键盘打字等工具并不能很好的实现， 目前通过css编码，就可以实现

css代码如下：

[CSS] 纯文本查看 复制代码

i{
  font-size: 18px;// 定义字体图标大小
  margin-right: 10px;// 右外边距
  color: #0091ff;// 定义字体图标颜色
  vertical-align: middle;// 垂直居中
  &:before{// 在最前面显示
    content: "\2022";
  }
}

特殊符号样式代码：
1. 基本形状

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

2.标点,特殊符号3.对号、错号

使用方法：

替换上面代码中的content内容， 例如：

飞机实现方式：  

[CSS] 纯文本查看 复制代码

i{
  font-size: 18px;// 定义字体图标大小
  margin-right: 10px;// 右外边距
  color: #0091ff;// 定义字体图标颜色
  vertical-align: middle;// 垂直居中
  &:before{// 在最前面显示
    content: "\2708";
  }
[align=left]}

其他同上