css实现网页轮播图设置

首先先设置一个div容器 ，然后给div添加相对定位relative，再设置一个ul（添加绝对定位absolute）>n个li（设置浮动）>a  （在a上加上锚点即id选择器，id=“***”，方便点击跳转  ） ，引入图片 （注意，第一张和最后一张设置为相同图片，以达到无限循环播放效果）

HTML代码如下

<div class="carousel">
    <ul>
        <li>
            <a href="">
                <img src="图片地址" alt="">
            </a>
        </li>
        <li>
            <a href="">
                <img src="图片地址" alt="">
            </a>
        </li>
        <li>
            <a href="">
                <img src="图片地址" alt="">
            </a>
        </li>
        <li>
            <a href="