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学习总结（84）—— Mysql的主从复制延迟问题总结
查看>>
Mysql学习总结（85）——开发人员最应该明白的数据库设计原则
查看>>
Mysql学习总结（8）——MySql基本查询、连接查询、子查询、正则表达查询讲解
查看>>
Mysql学习总结（9）——MySql视图原理讲解与使用大全
查看>>
MySQL学习笔记十七：复制特性
查看>>
Mysql学习第一课-mysql的定义及sql语句
查看>>
mysql安全模式： sql_safe_updates
查看>>
mysql安装,卸载,连接
查看>>
MySQL安装之没有配置向导
查看>>
mysql安装出现 conflicts with mysql*的解决办法
查看>>
mysql安装卡在最后一步解决方案（附带万能安装方案）
查看>>
mysql安装和启动命令小结
查看>>
Mysql安装教程（命令行）
查看>>
mysql安装版安装
查看>>
MySQL安装配置教程(非常详细)，从零基础入门到精通，看完这一篇就够了
查看>>
mysql安装配置简介
查看>>
MySQL定义和变量赋值
查看>>
mysql定时任务事件清理单表数据
查看>>
MySQL定时器Events
查看>>
mysql实战01|基础架构：一条SQL查询语句是如何执行的?
查看>>