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>

在这里插入代码片