条纹背景图案
创建一个条纹背景图案。
- 使用
background-color
设置白色背景。 - 使用带有
radial-gradient()
值的background-image
创建垂直条纹。 - 使用
background-size
指定图案的大小。
[!NOTE]
元素的固定
height
和width
仅用于演示目的。
<div class="stripes"></div>
.stripes {
width: 240px;
height: 240px;
background-color: #fff;
background-image: linear-gradient(90deg, transparent 50%, #000 50%);
background-size: 60px 60px;
background-repeat: repeat;
}