css怎么画方格

本篇内容介绍了“css怎么画方格”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

<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怎么画方格”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！