如何使之字形线垂直,而不是用CSS水平 [英] How make zigzag line, vertical Not horizontal with css
本文介绍了如何使之字形线垂直,而不是用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屋!
查看全文