轮播图圆点制作

<ul class="slider">
    <li class="checked">1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>

 .banner-center{
        margin: 10px 0 0 10px;
        position: relative;
    }
    .banner-center .banner-slider{
        position: absolute;
        bottom: 7px;
        left: 50%;
        margin-left: -64px;
    }
    .banner-center .banner-slider li{
        height: 18px;
        line-height: 18px;
        float: left;
        margin-right: 3px;
        color: #ffffff;
        border: 1px solid #3E3E3E;
        background:#3E3E3E ;
        border-radius: 50%;
        padding: 0 5px;
    }