如何给自己的网站加上漂亮的幻灯条

首先我们要在需要展示的地方插入下方的代码

<div id="top-img"></div>

然后呢 我们需要对这个进行样式美化，所以我就用到css，就可以了

在我们的css文件中，添加下方代码

div#top-img {
    display: block;
    height: 5px;
    background: url(https://www.qqtxs.com/style/uu_uoi/navbg.png) no-repeat center top;
    bottom: 0px;
    width: 100%;
    padding: 0;
    background-size: 100% 2px;

然后去后台 清理缓存就可以了

导航条的样式，在css中，自行调整即可

css中，这里用的自己网站的外链，不想用外链就保存图片到自己的服务器