<thead id="rrjt3"></thead>
      <progress id="rrjt3"><dfn id="rrjt3"></dfn></progress>

      <em id="rrjt3"></em>

        <address id="rrjt3"><ins id="rrjt3"><dfn id="rrjt3"></dfn></ins></address>
          <i id="rrjt3"></i>

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


        黄网站免费 <