翻页按钮
翻页按钮demo1
引入字体图标http://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.css
<div class="pagination"> <a href="#" class="prev"><i class="fas fa-angle-left"></i></a> <a href="#" class="num active">1</a> <a href="#" class="num">2</a> <a href="#" class="num">3</a> <a href="#" class="num">4</a> <a href="#" class="num">5</a> <a href="#" class="next"><i class="fas fa-angle-right"></i></a> </div>
翻页按钮demo2
<ul class="pagination"> <li><a href="#" class="prev"> < Prev</a> </li> <li class="pageNumber active"><a href="#">1</a></li> <li class="pageNumber"><a href="#">2</a></li> <li class="pageNumber"><a href="#">3</a></li> <li class="pageNumber"><a href="#">4</a></li> <li class="pageNumber"><a href="#">5</a></li> <li class="pageNumber"><a href="#">6</a></li> <li><a href="#" class="next">Next ></a></li> </ul>