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-架构篇
查看>>
MySQL-索引的分类（聚簇索引、二级索引、联合索引）
查看>>
Mysql-触发器及创建触发器失败原因
查看>>
MySQL-连接
查看>>
mysql-递归查询（二）
查看>>
MySQL5.1安装
查看>>
mysql5.5和5.6版本间的坑
查看>>
mysql5.5最简安装教程
查看>>
mysql5.6 TIME,DATETIME,TIMESTAMP
查看>>
mysql5.6.21重置数据库的root密码
查看>>
Mysql5.6主从复制-基于binlog
查看>>
MySQL5.6忘记root密码(win平台)
查看>>
MySQL5.6的Linux安装shell脚本之二进制安装（一）
查看>>
MySQL5.6的zip包安装教程
查看>>
mysql5.7 for windows_MySQL 5.7 for Windows 解压缩版配置安装
查看>>
Webpack 基本环境搭建
查看>>
mysql5.7 安装版 表不能输入汉字解决方案
查看>>