如何使之字形线垂直，而不是用CSS水平 [英] How make zigzag line, vertical Not horizontal with css

问题描述

如何使用Css制作垂直之字形线而不是水平

How make ZigZag line, vertical Not horizontal with css

我尝试，但是我不能

推荐答案

尝试使用此属性，您可以使用background-size属性调整它们的大小.

Try this you can adjust their size using background-size property.

.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水平的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！