holy shit

寺夺喜从天降

分页布局实例(英文)

效果

 

结构

<div class="page">
    
<span class="page_invalid">first</span>
    
<span class="page_onlink">1</span>
    
<href="#">2</a>
    
<href="#">3</a>
    
<href="#">4</a>
    
<href="#">5</a>
    
<href="#">6</a>
    
<href="#">7</a>
    ...
    
<href="#">199</a>
    
<href="#">200</a>
    
<href="#">next</a>
</div>

 样式

 

.page {
    text-align
: center;
    padding-top
: 5px;
    padding-bottom
: 5px;
    border
: 1px solid #CCCCCC;
}
.page_onlink 
{
    padding-right
: 5px;
    padding-left
: 5px;
}
.page_invalid 
{
    color
: #999999;
    padding-top
: 2px;
    padding-right
: 5px;
    padding-bottom
: 2px;
    padding-left
: 5px;
    border
: 1px solid #999999;
}
.page a 
{
    border
: 1px solid #FF6600;
    color
: #FF9900;
    padding-right
: 5px;
    padding-left
: 5px;
    padding-top
: 2px;
    padding-bottom
: 2px;
    margin-right
: 5px;
}
.page a:hover 
{
    color
: #FFFFFF;
    background-color
: #FF9900;
    text-decoration
: none;
}
posted @ 2011-05-12 22:36  潜水鱼  阅读(385)  评论(0编辑  收藏  举报

holy shit on foot