网站顶部小彩条

网站顶部小彩条

作者: 冷文

全网最全的网络资源分享网站

手机扫码查看

标签:

彩条

特别声明:文章多为原创,资源一般为网络转载,如有侵权请联系!

网站顶部小彩条

之前有人私信我问我网站顶部那个流动的小彩条挺好看的,怎么做的


1EPUF1.md.png


其实这是一张动图而已,大家可以预览

1EiycT.md.gif


将如下代码粘贴在你的网站body标签下面配合CSS样式使用就可以啦!

<div class="top-colorful"></div>
.top-colorful {
    background: url(https://ae01.alicdn.com/kf/HTB1y5zVXv1H3KVjSZFH762KppXaH.png);
    height: 4px;
    top: 0px;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

教程到此结束

分享到:
打赏
未经允许不得转载:

作者: 冷文, 转载或复制请以 超链接形式 并注明出处 冷文博客-冷文学习者
原文地址: 《网站顶部小彩条》 发布于2020-4-3

评论

未显示?请点击刷新
切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Sitemap