/*分页样式*/
*{padding:0px;margin:0px;}
body{font-size: 12px;font-family:Tahoma,Arial,Geneva,sans-serif;color: #333;text-shadow:0px 1px 0px #fff;-o-text-shadow:0px 1px 0px #fff;-moz-text-shadow:0px 1px 0px #fff;-webkit-text-shadow:0px 1px 0px #fff;}/*分页开始*/
.page{
width:70%;
height: 30px;
line-height: 30px;
background-color: #DCDEDD;
padding:0px 1%;
margin: 2% 0px;
border:1px solid #B9B9B9;
text-align: right;
}
.page .cust_txt{
float: left;
}
.page a{
border:1px solid #557D7B;
color: #557D7B;
margin-right: 1%;
font-size: 14px;
font-weight: bold;
padding:0.6% 1.4%;
text-decoration:none;
}
.page a:hover,.page .cur{
border:1px solid #d5d5d5;
background-color: #c30c00;
color: #fff;
text-decoration: none;
}
/*分页结束*/
<!-- div代码 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0;">
<title>新闻列表页分页</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<!-- 分页样式 -->
<div class="page">
<ul class="pagenav">
<a>Home</a>
<a>1</a>
<a href="#">2</a>
<a href="#">Next</a>
<a href="#">End</a>
</ul>
</div>
<!-- 分页结束 -->
</body>
</html>