html中的页码代码

  • 格式:docx
  • 大小:15.03 KB
  • 文档页数:2

整理了一个常见的页码代码模块,分享给大家使用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
body{ margin:0px; padding:0px; font:"宋体"; font-size:12px;}
.dede_pages {
text-align: center;
}
ul {
list-style: none outside none;}
.dede_pages ul {
float: none;
margin: 0 auto;
padding: 12px 0 12px 16px;
}
.dede_pages ul li.nohref {
border: 1px solid #DDDDDD;
color: #8B8B8B;
padding: 2px 4px;
text-align: center;
}
.dede_pages ul li {
float: left;
margin-right: 4px;
text-align: center;
}
.dede_pages ul li.on {
background-color: #669900;
border: 1px solid #669900;
color: #FFFFFF;
font-weight: bold;
padding: 2px 4px;
text-align: center;
}
.dede_pages ul li a {
border: 1px solid #669900;
color: #607C27;
float: left;
padding: 2px 4px;
text-align: center;
}
a {
color: #3366CC;
text-decoration: none;
}
</style>
<body>
<div class="dede_pages">
<ul class="pagelist">
<li class="nohref">首页</li> <li class="on">1</li>
<li><a href="p2.html">2</a></li>
<li><a href="p3.html">3</a></li>
<li><a href="p4.html">4</a></li>
<li><a href="p5.html">5</a></li>
<li><a href="p6.html">6</a></li>
<li><a href="p7.html">7</a></li>
<li><a href="p8.html">8</a></li>
<li><a href="p2.html">下一页</a></li>
<li><a href="p8.html">末页</a></li>
</ul>
</div>
</body>
</html>。