CSS中的三个横条纹

时间:2015-09-16 11:51:59

标签: html css lines

我创建了三条水平条纹来创建一个扩展标记,该标记将在我的页面顶部运行:

CSS

#main1 div{
width: auto;
height: 20px;
margin: 0px

HTML

<div id="main1">
<div style="background-color:red;"></div>
<div style="background-color:blue;"></div>
<div style="background-color:orange;"></div>

如何让它坚持到浏览器的边缘? (如左右或上方没有间隙)

还有更容易/更好的方法我可以做到这一点 请记住,我非常喜欢新手

非常感谢您的帮助! 感谢

1 个答案:

答案 0 :(得分:2)

marginpadding元素中删除所有htmlbody,然后使用一个div作为背景<{1}} < / p>

示例:http://codepen.io/anon/pen/rOxEgJ

linear-gradient