给博客顶部加一个彩色滚动条。

董舒文 2020-07-05 PM 52℃ 0条

看了很多博客顶部都有一个彩色的条条,很好看!
我还想研究一下怎么添加的呢,谁知道特别简单,就是给div添加一个背景图片,然后背景图像在水平方向重复。
先看效果图:01.png
接下来看代码:

html代码:
<!- 顶部彩色滚动条 ->
<div class="caitiao"></div>
CSS代码:
/* 顶部彩色滚动条 */
.caitiao {
    width: 100%;
    height: 3px;
    background: #fff url('https://www.csscolor.cn/caitiao.gif') repeat-x 0 100%;
}

静态彩条:
caitiao2.jpg
链接:https://www.csscolor.cn/caitiao2.jpg
动态彩条:
caitiao.gif
链接:https://www.csscolor.cn/caitiao.gif

标签: 彩条

非特殊说明,本博所有文章均为博主原创,部分搬运。

评论已关闭