感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<ul class="pagination">
<li><a href"#"><<</a></li>
<li><a href"#">1</a></li>
<li><a href"#" class="achive">2</a></li>
<li><a href"#">3</a></li>
<li><a href"#">>></a></li>
</ul>
<br>
输入 JavaScript 代码……
xxxxxxxxxx
.pagination
{
display:inline-block;
padding:0;
margin:0;
}
.pagination li
display:inline;
.pagination li a
color:black;
text-decoration:none;
float:left;
padding: 8px 16px;
border:1px solid #ddd;
transition: background-color .3s;
.pagination li:first-child a
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
.pagination li:last-child a
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
.pagination li a.achive
background-color:#4CAF50;
color:white;
border: 1px solid #4CAF50;
.pagination li a:hover:not(.achive)
background-color:#ddd;