• <ol id="gebcs"></ol>
    <track id="gebcs"><i id="gebcs"></i></track>

    修改swiper分頁樣式

    時間:2019-12-23 11:04:07 類型:HTML/CSS
    字號:    

    swiper是一個很好用的幻燈插件,不過有時也我們也會修改分頁的樣式,那該如何修改呢?

    其實只要在加載swiper.min.css樣式的下邊增加覆蓋默認的分頁樣式就可以了

    <style type="text/css">
    	.swiper-container .swiper-pagination .swiper-pagination-bullet {
    	    width: 20px;
    	    height: 20px;
    	    display: inline-block;
    	    border-radius: 100%;
    	    background: #000;
    	    /* opacity: .2; */
    	}
    	.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    	    width: 46px;
    	    height: 20px;
    	    display: inline-block;
    	    border-radius: 20px;
    	    background: #fff;
    	    /* opacity: .2; */
    	}
    </style>


    黄片基地 <