如何制作曲折线，垂直不与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>