css 如何制作之字形线，垂直不水平

Question

如何制作 ZigZag 线，垂直而不是水平 css

我试了，但我做不到

Answer 1

试试这个，您可以使用 background-size 属性.

调整它们的大小

.con{
  width:200px;
  height:200px;
  background: 
linear-gradient(45deg, #ECEDDC 25%, transparent 25%) 0 -50px,
linear-gradient(135deg, #ECEDDC 25%, transparent 25%) 0  -50px,
linear-gradient(225deg, #ECEDDC 25%, transparent 25%),
linear-gradient(315deg, #ECEDDC 25%, transparent 25%); 
background-size: 20px 20px;
background-color: #EC173A;
}

<div class="con"></div>

css 如何制作之字形线，垂直不水平

How make zigzag line, vertical Not horizontal with css

css

border

line

zigzag