京东自营 618 + 国补 iPhone 历史最低价
html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style>7
ul.pagination {8
display: inline-block;9
padding: 0;10
margin: 0;11
}12
13
ul.pagination li {display: inline;}14
15
ul.pagination li a {16
color: black;17
float: left;18
padding: 8px 16px;19
text-decoration: none;20
transition: background-color .3s;21
border: 1px solid #ddd;22
font-size: 18px;23
}24
25
ul.pagination li a.active {26
background-color: #eee;27
color: black;28
border: 1px solid #ddd;29
}30
31
ul.pagination li a:hover:not(.active) {background-color: #ddd;}32
</style>33
</head>34
<body>35
36
<p>上一页，下一页按钮:</p>37
<ul class="pagination">38
<li><a href="#">❮</a></li>39
<li><a href="#">❯</a></li>40
</ul>41
42
<p>分页导航:</p>43
<ul class="pagination">44
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java