条纹背景图案

创建一个条纹背景图案。

  • 使用 background-color 设置白色背景。
  • 使用带有 radial-gradient() 值的 background-image 创建垂直条纹。
  • 使用 background-size 指定图案的大小。

[!NOTE]

元素的固定 heightwidth 仅用于演示目的。

<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;
}