css3 写网格

<style type="text/css">
.stripe{
     width: 620px;
    height: 450px;
    margin: 50px;
    background: linear-gradient(90deg,rgba(200,0,0,1) 20%,transparent 0), linear-gradient(rgba(255, 0, 0, 1) 20%,transparent 0);
    background-size: 1px 49px;
}
</style>
<div class="stripe"></div>

在这里插入图片描述

<div class="stripe"></div>
<style type="text/css">
.stripe{
  width: 250px;
  height: 150px;
  margin: 50px;
  background: linear-gradient(90deg,rgba(200,0,0,.5) 50%,transparent 0),
              linear-gradient(rgba(200,0,0,.5) 50%,transparent 0);
  background-size: 30px 30px;
}
</style>

在这里插入图片描述

在这里插入代码片
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 1024 设计师: 上身试试
应支付0元
点击重新获取
扫码支付

支付成功即可阅读