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学习总结（19）——Mysql无法创建外键的原因
查看>>
Mysql学习总结（20）——MySQL数据库优化的最佳实践
查看>>
Mysql学习总结（21）——MySQL数据库常见面试题
查看>>
Mysql学习总结（22）——Mysql数据库中制作千万级测试表
查看>>
Mysql学习总结（23）——MySQL统计函数和分组查询
查看>>
Mysql学习总结（24）——MySQL多表查询合并结果和内连接查询
查看>>
Mysql学习总结（25）——MySQL外连接查询
查看>>
Mysql学习总结（26）——MySQL子查询
查看>>
Mysql学习总结（27）——Mysql数据库字符串函数
查看>>
Mysql学习总结（28）——MySQL建表规范与常见问题
查看>>
Mysql学习总结（2）——Mysql超详细Window安装教程
查看>>
Mysql学习总结（30）——MySQL 索引详解大全
查看>>
Mysql学习总结（31）——MySql使用建议，尽量避免这些问题
查看>>
Mysql学习总结（33）——阿里云centos配置MySQL主从复制
查看>>
Mysql学习总结（37）——Mysql Limit 分页查询优化
查看>>
Mysql学习总结（38）——21条MySql性能优化经验
查看>>
Mysql学习总结（39）——49条MySql语句优化技巧
查看>>
Mysql学习总结（3）——MySql语句大全：创建、授权、查询、修改等
查看>>
Mysql学习总结（40）——MySql之Select用法汇总
查看>>
Mysql学习总结（41）——MySql数据库基本语句再体会
查看>>