<b id="wionh"></b>

<u id="wionh"><address id="wionh"><meter id="wionh"></meter></address></u>

修改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>


中文无码妇乱子二区三区_久久亚洲精品无码福利播放_毛片一级_日韩aⅴ无码久久精品免费

<b id="wionh"></b>

<u id="wionh"><address id="wionh"><meter id="wionh"></meter></address></u>

<