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学习总结（4）——MySql基础知识、存储引擎与常用数据类型
查看>>
Mysql学习总结（50）——Oracle，mysql和SQL Server的区别
查看>>
Mysql学习总结（51）——Linux主机Mysql数据库自动备份
查看>>
Mysql学习总结（52）——最全面的MySQL 索引详解
查看>>
Mysql学习总结（53）——使用MySql开发的Java开发者规范
查看>>
Mysql学习总结（54）——MySQL 集群常用的几种高可用架构方案
查看>>
Mysql学习总结（55）——MySQL 语句大全再温习
查看>>
Mysql学习总结（56）——MySQL用户管理和权限设置
查看>>
Mysql学习总结（57）——MySQL查询当天、本周、本月、上周、本周、上月、距离当前现在6个月数据
查看>>
Mysql学习总结（58）——深入理解Mysql的四种隔离级别
查看>>
Mysql学习总结（59）——数据库分库分表策略总结
查看>>
Mysql学习总结（5）——MySql常用函数大全讲解
查看>>
Mysql学习总结（60）——并发量大、数据量大的互联网业务数据库设计规范总结
查看>>
Mysql学习总结（61）——MySQL优化之DBA级优化整理汇总
查看>>
Mysql学习总结（62）——MySQL连接com.mysql.jdbc.exceptions.jdbc4.CommunicationsException: Communications link问题
查看>>
Mysql学习总结（63）——Mysql数据库架构方案选择与分析
查看>>
Mysql学习总结（64）——Mysql配置文件my.cnf各项参数解读
查看>>
Mysql学习总结（65）——项目实战中常用SQL实践总结
查看>>
Mysql学习总结（66）——设置MYSQL数据库编码为UTF-8
查看>>
Mysql学习总结（67）——MYSQL慢查询日志
查看>>