【CSS】条纹背景

代码地址

横条纹

<div class="container tiaowen1"></div>

.container {
  width:100%;
  height:100vh;
}
.tiaowen1 {
  background:linear-gradient(pink 50%,#000 50%);
  background-size:100% 20%;
}

竖条纹

<div class="container tiaowen2"></div>

.container {
  width:100%;
  height:100vh;
}
.tiaowen2 {
  background:linear-gradient(90deg, pink 50%,#000 50%);
  background-size:20% 100%;
}