苏飞论坛

标题: 前端页面-css特殊符号content编码及使用方法-对号、错号 [打印本页]

作者: xyc 时间: 2021-6-16 16:17
标题: 前端页面-css特殊符号content编码及使用方法-对号、错号
在前端编写页面时，经常会用到特殊符号，使用键盘打字等工具并不能很好的实现，目前通过css编码，就可以实现

css代码如下：

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

i{

  font-size: 18px;// 定义字体图标大小

  margin-right: 10px;// 右外边距

  color: #0091ff;// 定义字体图标颜色

  vertical-align: middle;// 垂直居中

  &:before{// 在最前面显示

    content: "\2022";

  }

}

特殊符号样式代码：
1.基本形状
2.标点,特殊符号
3.对号、错号

空格	160	00A0
☐	9744	2610
☑	9745	2611
☒	9746	2612
✓	10003	2713
✔	10004	2714
✕	10005	10005
✖	10006	2716
✗	10007	2717
✘	10008	2718

使用方法：

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

对号实现方式：

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

i{

  font-size: 18px;// 定义字体图标大小

  margin-right: 10px;// 右外边距

  color: #0091ff;// 定义字体图标颜色

  vertical-align: middle;// 垂直居中

  &:before{// 在最前面显示

    content: "\2713";

  }

}

其他同上

作者: 范范 时间: 2021-6-16 16:27
支持下

欢迎光临苏飞论坛 (http://www.sufeinet.com/)