css实现勾号 √
本文共 395 字，大约阅读时间需要 1 分钟。
.check {
position: relative; display: inline-block; width: 25px; height: 25px; background: red; border-radius: 25px; } .check::after { content: ""; position: absolute; left: 5px; top: 8px; width: 50%; height: 25%; border: 2px solid #000; border-radius: 1px; border-top: none; border-right: none; background: transparent; transform: rotate(-45deg); }
实现原理是利用::after 或 ::before 使一个元素变成多个 再画半个边框 旋转
转载地址：http://iuptz.baihongyu.com/
你可能感兴趣的文章
MySQL存储过程的使用实现数据快速插入
查看>>
mysql存储过程详解
查看>>
Mysql存表情符号发生错误
查看>>
MySQL学习-group by和having
查看>>
MySQL学习-MySQL数据库事务
查看>>
MySQL学习-MySQL条件查询
查看>>
MySQL学习-SQL语句的分类与MySQL简单查询
查看>>
MySQL学习-子查询及limit分页
查看>>
MySQL学习-排序与分组函数
查看>>
MySQL学习-连接查询
查看>>
Mysql学习总结（10）——MySql触发器使用讲解
查看>>
Mysql学习总结（11）——MySql存储过程与函数
查看>>
Mysql学习总结（12）——21分钟Mysql入门教程
查看>>
Mysql学习总结（13）——使用JDBC处理MySQL大数据
查看>>
Mysql学习总结（14）——Mysql主从复制配置
查看>>
Mysql学习总结（15）——Mysql错误码大全
查看>>
Mysql学习总结（17）——MySQL数据库表设计优化
查看>>
Mysql学习总结（18）——Mysql主从架构的复制原理及配置详解
查看>>
Mysql学习总结（19）——Mysql无法创建外键的原因
查看>>
Mysql学习总结（20）——MySQL数据库优化的最佳实践
查看>>