首页 > 代码库 > background的水平条纹和斜向条纹
background的水平条纹和斜向条纹
水平条纹:
<div id="div1"> </div>
linear-gradient属性
#div1{
width: 100px;
height: 100px;
background:linear-gradient(yellow 25%,red 25%);
background:linear-gradient(yellow 25%,red 50%);模糊条纹边界
background:linear-gradient(90deg , yellow 25%,red 50%);90度竖直条纹
background-size: 42.4264068px 42.4264068px ;
}
-----------------------------------------------------------------
repeating-linear-gradient属性
#div1{
width: 100px;
height: 100px;
background: repeating-linear-gradient(45deg , #fb3,#fb3 15px , #58a 0 , #58a 30px)
}
background的水平条纹和斜向条纹
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。