ITPub博客

首页 > IT职业 > IT职场 > css直接画方格

css直接画方格

IT职场 作者:古月雪 时间:2021-09-09 10:07:57 0 删除 编辑

<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>

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3711/viewspace-2817061/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: jQuery九类选择器
请登录后发表评论 登录
全部评论

注册时间:2019-07-09

  • 博文量
    160
  • 访问量
    1175