首页 > Web开发 > 详细

css直接画方格

时间：2018-01-18 16:59:15 阅读：156 评论：0 收藏：0 [点我收藏+]

标签：back test sha cto style lin tran roc com

<style>
div{width: 200px;height: 200px;display: inline-block;}
.test1,.test2{background-image: linear-gradient(45deg,blue 25%,transparent 25%),linear-gradient(-45deg,blue 25%,transparent 25%),linear-gradient(45deg,transparent 75%,blue 75%),linear-gradient(-45deg,transparent 75%,blue 75%);}
.test2{
background-size: 20% 20%;
}
</style>
<div class="test1"></div>
<div class="test2"></div>
技术分享图片

技术分享图片

css直接画方格

标签：back test sha cto style lin tran roc com

原文地址：http://blog.51cto.com/2488451/2062494

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！