-1
顶部边框,我想在我的页脚的顶部这跟几个不同的颜色,因此添加边框:http://i.imgur.com/Bf8ILCu.png添加多非渐变颜色
我环顾四周,我看到添加图像,或渐变的例子,或者对于不同的侧面有多种颜色,但是对于我想要做的事情无法找到任何东西。
顶部边框,我想在我的页脚的顶部这跟几个不同的颜色,因此添加边框:http://i.imgur.com/Bf8ILCu.png添加多非渐变颜色
我环顾四周,我看到添加图像,或渐变的例子,或者对于不同的侧面有多种颜色,但是对于我想要做的事情无法找到任何东西。
您可以使用CSS渐变此。
看一看下面的代码片段(您可以根据您的要求改变颜色):
.border-top {
width: 100%;
height: 20px;
background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 10%, rgba(241,111,92,1) 10%, rgba(246,41,12,1) 10%, rgba(81,24,240,1) 10%, rgba(81,24,240,1) 23%, rgba(240,24,226,1) 23%, rgba(240,24,226,1) 34%, rgba(39,192,230,1) 34%, rgba(39,192,230,1) 46%, rgba(39,230,52,1) 46%, rgba(39,230,52,1) 58%, rgba(76,82,80,1) 58%, rgba(76,82,80,1) 69%, rgba(173,173,173,1) 69%, rgba(173,173,173,1) 81%, rgba(255,0,21,1) 81%, rgba(255,0,21,1) 91%, rgba(255,204,0,1) 91%, rgba(255,204,0,1) 100%);
}
body {
margin: 0;
}
<div class="border-top"></div>
希望这有助于!
真棒,非常感谢 – KingOfKong
@KingOfKong这是我的荣幸! –