<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>直角普通分页页码</title>
<style type="text/css">
.page-normal a,.page-normal,.page-normal .page-current ,.page-normal .page-prev{
padding:5px 7px;
font-size:18px;
margin-left:15px;}
.page-normal a{
border:1px solid #ff9600;
color:#ff6500;
text-decoration:none;
}
.page-normal a:hover{
border:1px solid #ff9600;
background:#ffbe94;}
.page-normal{
color:#ff6500;
text-align:center;
font-size:0;}
.page-normal .page-current{
border:1px solid #ff6500;
color:#ff9500;
background:#ffbe94;}
.page-normal .page-prev{
border:1px solid #ffe3c6;
color:#ffe3c6;}
.page-normal i{
display:inline-block;
height:10px;
width:8px;
}
.page-prev i{background:url(1/1.png);}
.q i{background:url(1/q1.png);}
.ellipses{
font-size:30px;
border:none;
margin-left:10px;
}
</style>
</head>
<body>
<div class="page-normal">
<span class="page-prev"><i></i>上一页</span>
<span class="page-current">1</span>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">7</a>
<span class="ellipses">...</span>
<a href="#">199</a>
<a href="#">200</a>
<a href="#" class="q">下一页<i></i></a>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>直角普通分页页码</title>
<style type="text/css">
.page-normal a,.page-normal,.page-normal .page-current ,.page-normal .page-prev{
padding:5px 7px;
font-size:18px;
margin-left:15px;}
.page-normal a{
border:1px solid #ff9600;
color:#ff6500;
text-decoration:none;
}
.page-normal a:hover{
border:1px solid #ff9600;
background:#ffbe94;}
.page-normal{
color:#ff6500;
text-align:center;
font-size:0;}
.page-normal .page-current{
border:1px solid #ff6500;
color:#ff9500;
background:#ffbe94;}
.page-normal .page-prev{
border:1px solid #ffe3c6;
color:#ffe3c6;}
.page-normal i{
display:inline-block;
height:10px;
width:8px;
}
.page-prev i{background:url(1/1.png);}
.q i{background:url(1/q1.png);}
.ellipses{
font-size:30px;
border:none;
margin-left:10px;
}
</style>
</head>
<body>
<div class="page-normal">
<span class="page-prev"><i></i>上一页</span>
<span class="page-current">1</span>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">7</a>
<span class="ellipses">...</span>
<a href="#">199</a>
<a href="#">200</a>
<a href="#" class="q">下一页<i></i></a>
</div>
</body>
</html>