翻页按钮

翻页按钮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>
评论
:broken_heart: :confounded: :flushed: :frowning: :grinning: :heart: :kissing_heart: :mask: :pensive: :rage: :relaxed: :scream: :smile: :smirk: :sob: :stuck_out_tongue_closed_eyes: :stuck_out_tongue_winking_eye: :wink: