如何用css制作曲折线，垂直不水平答案

【问题标题】：How make zigzag line, vertical Not horizontal with css如何用css制作曲折线，垂直不水平
【发布时间】：2017-01-22 10:05:42
【问题描述】：

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

我尝试了，但我做不到

【问题讨论】：

请说明你真正想要达到的目标！
请尝试代码。

标签： css border line zigzag

【解决方案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;
}

&lt;div class="con"&gt;&lt;/div&gt;

【讨论】：

你知道点击我答案左边的右边标记。你可以在这张被红色边界包围的图片中看到它imgur.com/gallery/KaHhO
我试试，但是img2.brain4.photobox.com/…
你必须点击右边的标记而不是向上的箭头。