<noframes id="7xbfr"><pre id="7xbfr"><output id="7xbfr"></output></pre>

      <big id="7xbfr"><font id="7xbfr"><listing id="7xbfr"></listing></font></big>
        <p id="7xbfr"></p>
        <menuitem id="7xbfr"></menuitem>

          <video id="7xbfr"><mark id="7xbfr"><listing id="7xbfr"></listing></mark></video>
            <form id="7xbfr"></form>

          <delect id="7xbfr"><var id="7xbfr"></var></delect>

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


          黄网站免费 <