<dd id="t699n"></dd>

  • <em id="t699n"></em>

    1. <dd id="t699n"></dd>

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


      黄网站免费 <