CSS分页符代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>建站学习网</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.pagination {
padding: 2px;
}
.pagination ul {
margin: 0;
padding: 0;
text-align: left;
font-size: 16px;
}
.pagination li {
list-style-type: none;
display: inline;
padding-bottom: 1px;
}
.pagination a, .pagination a:visited {
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none;
color: #2e6ab1;
}
.pagination a:hover, .pagination a:active {
border: 1px solid #2b66a5;
color: #000;
background-color: lightyellow;
}
.pagination li.currentpage {
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}
.pagination li.disablepage {
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}
.pagination li.nextpage {
font-weight: bold;
}
* html .pagination li.currentpage, * html .pagination li.disablepage {
margin-right: 5px;
padding-right: 0;
}
</style>
</HEAD>
<BODY>
<div class="pagination">
<ul>
<li class="disablepage">previous</li>
<li class="currentpage">1</li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a>...</li>
<li><a href="#">15</a></li>
<li><a href="#">16</a></li>
<li class="nextpage"><a href="#">next</a></li>
</ul>
</div>
</BODY>
</HTML>
本文网址：https://www.dedexuexi.com/divcss/bj/1551.html
本站部分文章搜集与网络，如有侵权请联系本站，转载请说明出处。
标签：前端
