您的位置 首页 css教程

css制作轮播图

下面是style部分:

<style>    *{margin:0;padding:0;}    a{text-decoration:none}    li{list-style:none;}

设计宽度不要超过轮播图片的总宽度,再加上第一张图片的宽度(加第一张图片的宽度是为了轮播效果看得见)我的是1500宽度和200的高度,再设置溢出隐藏(消除移动出显示区域还在显示)

#box{width:1500px;height:200px;margin:0 auto;overflow:hidden;}

1000%是比较懒的写法,为了把ul的宽度设置的宽一点。

文章来源:火云技术网

文章标题:css制作轮播图

文章地址:https://www.pyhw.net/30576_css%e5%88%b6%e4%bd%9c%e8%bd%ae%e6%92%ad%e5%9b%be.html

关于作者: admin

热门文章

发表评论

您的电子邮箱地址不会被公开。

网站地图