<!DOCTYPE html>
<html lang="en">
<head>
<title>Unicorn Admin</title>
<meta charset="UTF-8" />
<style type="text/css" media="screen">
.test{
width:100px;
height: 100px;
background-color: gray;
}
.test:after{
content: "";
display: block;
width: 100%;
height: 33.3%;
border-top: 1px solid white;
border-bottom: 1px solid white;
margin-top: -66.6%;
}
.test:before{
content: "";
display: block;
width: 33%;
height: 100%;
border-right: 2px solid white;
}
</style>
</head>
<body >
<p>
<p class="test">
</p>
</p>
</body>
</html>以上就是如何用css实现6宫格图标 的详细内容，更多请关注php中文网其它相关文章！
收藏
收藏
收藏
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
0
18
![ThinkPHP5实战之[教学管理系统]](https://img.php.cn/upload/course/000/000/068/6253d87459486427.png)
