摘要:介紹多種分頁樣式
介紹多種分頁樣式範例
http://woork.blogspot.com/2008/03/perfect-pagination-style-using-css.html
有21種不同的風格，需要的話可以去看一下
主要的CSS參考： <style type="text/css">
div#wrapper {
position: relative;
width: 500px;
margin: 0 auto;
}
div.pagination {
overflow: hidden;
font-size: 9pt;
padding: 10px 0;
}
div.pagination ul {
list-style: none;
padding: 2px 0;
line-height: 16px;
}
div.pagination li {
display: inline;
}
div.pagination.scott {
padding:3px;
margin:3px;
text-align:center;
}
div.pagination.scott a
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;
text-decoration: none;
color: #88AF3F;
}
div.pagination.scott a:hover, div.pagination.scott a:active {
border:1px solid #85BD1E;
color: #638425;
background-color: #F1FFD6;
}
div.pagination.scott li.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #B2E05D;
font-weight: bold;
background-color: #B2E05D;
color: #FFF;
}
div.pagination.scott li.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}
</style>
示範一個例子如下：