横条纹
<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%;
}