<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>纯CSS3带过渡动画效果分页条代码 - 网页模板</title>
<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="wrapper">
<section class="archive-pages">
<ul>
<li class="first"><a href="#" title="first page">first page</a></li>
<li class="previous"><a href="#" title="previous page">previous page</a></li>
<li class="selected">1</li>
<li><a href="#" title="Pagina 2">2</a></li>
<li><a href="#" title="Pagina 3">3</a></li>
<li><a href="#" title="Pagina 4">4</a></li>
<li><a href="#" title="Pagina 5">5</a></li>
<li class="next"><a href="#" title="next page">next page</a></li>
<li class="last"><a href="#" title="last page">last page</a></li>
</ul>
<!--End-->
</div>
<div style="text-align:center;margin:-200px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>