css实现勾号 √-白红宇

css实现勾号 √

阅读量：591 次

发布时间：2019-03-11

本文共 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 视图事务存储过程 SQL注入

MySQL 存储过程参数：in、out、inout

mysql 存储过程每隔一段时间执行一次

mysql 存在update不存在insert

Mysql 学习总结（86）—— Mysql 的 JSON 数据类型正确使用姿势

Mysql 学习总结（87）—— Mysql 执行计划（Explain）再总结

Mysql 学习总结（88）—— Mysql 官方为什么不推荐用雪花 id 和 uuid 做 MySQL 主键

Mysql 学习总结（89）—— Mysql 库表容量统计

mysql 实现主从复制/主从同步

mysql 审核_审核MySQL数据库上的登录

mysql 导入 sql 文件时 ERROR 1046 (3D000) no database selected 错误的解决

mysql 导入导出大文件

mysql 将null转代为0

MySQL 常用列类型

mysql 常用命令

Mysql 常见ALTER TABLE操作

MySQL 常见的 9 种优化方法

MySQL 常见的开放性问题

Mysql 常见错误