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

爱折腾的星云 183
OUIMS博客广告

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

如何给网站加上漂亮的幻灯条-第1张图片-OUIMS博客

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

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

div#top-img {
    display: block;
    height: 5px;
    background: url(https://www.qqfx8.com/guanggao/hyd.gif) no-repeat center top;
   bottom: 0px;    width: 100%;    padding: 0;    background-size: 100% 2px;

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

如何给网站加上漂亮的幻灯条-第2张图片-OUIMS博客

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

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

标签: 精品教程 代码教程

OUIMS博客广告

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~