<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>100 CSS3 Pagination Styles - Demo and documentation page</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="_style/default.css" />
<link type="text/css" rel="stylesheet" href="style/pagination.css" />
<link type="text/css" rel="stylesheet" href="style/paginationA.css" />
<link type="text/css" rel="stylesheet" href="style/paginationB.css" />
<link type="text/css" rel="stylesheet" href="style/paginationC.css" />
<link type="text/css" rel="stylesheet" href="style/paginationD.css" />
<link type="text/css" rel="stylesheet" href="style/paginationE.css" />
<link type="text/css" rel="stylesheet" href="style/paginationF.css" />
<link type="text/css" rel="stylesheet" href="style/paginationG.css" />
<link type="text/css" rel="stylesheet" href="style/paginationH.css" />
<link type="text/css" rel="stylesheet" href="style/paginationI.css" />
</head>
<body>
<div class="main">
<div class="header"></div>
<!-- -->
<h1>style A</h1>
<div class="c_50">
<div class="c_50_left">
<h5>01</h5>
<ul class="pagination paginationA paginationA01">
<li><a href="#" class="first">First</a></li>
<li><a href="#" class="previous">Previous</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#" class="current">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#" class="next">Next</a></li>
<li><a href="#" class="last">Last</a></li>
</ul>
</div>
<div class="c_50_right">
<h5>07</h5>
<ul class="pagination paginationA paginationA07">
<li><a href="#" class="first">First</a></li>
<li><a href="#" class="previous">Previous</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#" class="current">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#" class="next">Next</a></li>
<li><a href="#" class="last">Last</a></li>
</ul>
</div>
</div>
<div class="c_50">
<div class="c_50_left">
<h5>02</h5>
<ul class="pagination paginationA paginationA02">
<li><a href="#" class="first">First</a></li>
<li><a href="#" class="previous">Previous</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#" class="current">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#" class="next">Next</a></li>
<li><a href="#" class="last">Last</a></li>
</ul>
</div>
<div class="c_50_right">
<h5>08</h5>
<ul class="pagination paginationA paginationA08">
<li><a href="#" class="first">First</a></li>
<li><a href="#" class="previous">Previous</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#" class="current">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#" class="next">Next</a></li>
<li><a href="#" class="last">Last</a></li>
</ul>
</div>
</div>
<div class="c_50">
<div class="c_50_left">
<h5>03</h5>
<ul class="pagination paginationA paginationA03">
<li><a href="#" class="first">First</a></li>
<li><a href="#" class="previous">Previous</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#" class="current">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#" class="next">Next</a></li>
<li><a href="#" class="last">Last</a></li>
</ul>
</div>
<div class="c_50_right">
<h5>09</h5>
<ul class="pagination paginationA paginationA09">
<li><a href="#" class="first">First</a></li>
<li><a href="#" class="previous">Previous</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#" class="current">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#" class="next">Next</a></li>
<li><a href="#" class="last">Last</a></li>
</ul>
</div>
</div>
<div class="c_50">
<div class="c_50_left">
<h5>04</h5>
<ul class="pagination paginationA paginationA04">
<li><a href="#" class="first">First</a></li>
<li><a href="#" class="previous">Previous</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#" class="current">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#" class="next">Next</a></li>
<li><a href="#" class="last">Last</a></li>
</ul>
</div>
<div class="c_50_right">
<h5>10</h5>
<ul class="pagination paginationA paginationA10">
<li><a href="#" class="first">First</a></li>
<li><a href="#" class="previous">Previous</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#" class="current">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#" class="next">Next</a></li>
<li><a href="#" class="last">Last</a></li>
</ul>
</div>
</div>
<div class="c_50">
<div class="c_50_left">
<h5>05</h5>
<ul class="pagination paginationA paginationA05">
<li><a href="#" class="first">First</a></li>
<li><a href="#" class="previous">Previous</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#" class="current">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#" class="next">Next</a></li>
<li><a href="#" class="last">Last</a></li>
</ul>
</div>
<div class="c_50_right">
<h5>11</h5>
<ul class="pagination paginationA paginationA11">
<li><a href="#" class="first">First</a></li>
<li><a href="#" class="previous">Previous</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#" class="current">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#" class="next">Next</a></li>
<li><a href="#" class="last">Last</a></li>
</ul>
</div>
</div>
<div class="c_50">
<div class="c_50_left">
<h5>06</h5>
<ul class="pagination paginationA paginationA06">
<li><a href="#" class="first">First</a></li>
<li><a href="#" class="previous">Previous</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#" class="current">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#" class="next">Next</a></li>
<li><a href="#" class="last">Last</a></li>
</ul>
</div>
<div class="c_50_right">
<h5>12</h5>
<ul class="pagination paginationA paginationA12">
<li><a href="#" class="first">First</a></li>
<li><a href="#" class="previous">Previous</a></li>
<li><a href="#">1</a></li>
<li><a href=
- 1
- 2
前往页