~~~ <nav class="m-page m-page-right"> <a class="prev" href="">上一页</a> <a href="">1</a> <a href="">2</a> <a href="">3</a> <strong>4</strong> <span href="">...</span> <a href="">6</a> <a class="next" href="">下一页</a> </nav> ~~~ ~~~ /*m-page*/ /*.m-page{margin: 52px 0 125px;text-align: center;} .m-page-right{text-align: right;} .m-page-left{text-align: left;} .m-page a,.m-page strong{display: inline-block;padding: 0 14px;margin: 0 3px;font: 16px/38px arial;color: #000;border: 1px solid #000;background-color: #fff;border-radius:3px;-webkit-border-radius:3px;} .m-page strong{border-color: #ff9000;color: #fff;background-color: #ff9000;} .m-page a:hover{border-color: #ff9000;color: #fff;background-color: #ff9000;} .m-page .prev:before{content:"上一页";} .m-page .next:before{content:"下一页";} .m-page a:hover,.m-page a{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}*/ /*m-page end*/ ~~~