ul> li>li> li>li> li>li> li>li> ul> div> CSS: .box{ position: relative; width: 500px; heigh">
输入banner图图片脚本导航/分类

CSS3实现轮播图效果2

先前用CSS3做了一个一张图片实现的轮播,但是这样的图片很难找,于是又改进了一下。

HTML:

<div class="box">
    <ul>
        <li>li>
        <li>li>
        <li>li>
        <li>li>
    ul>
div>

CSS:

原理和上次轮播差不多,让ul改变位置。轮播图片,在li里放图片即可。