一个帝国cms [!--show.listpage--] css样式

1.在分页位置加<div class="pagepage">[!--show.listpage--]</div> </div>这个标签

2.在需要分页模板页面加以下CSS

.pagepage {
        height: 100%;
        padding-top: 8px;
        padding-right: 3px;
        padding-bottom: 12px;
        padding-left: 3px;
}   

.pagepage .epages a{
        display: block;
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        background-color: #EAF9E6;
        border: 1px solid #009900;
        float: left;
        text-align: center;
        margin-right: 2px;
        margin-left: 2px;
        text-decoration: none;
        padding-right: 8px;
        padding-left: 8px;
        color: #006600;
}
.pagepage .epages a:hover{
        display: block;
        background-color: #009900;
        border: 1px solid #009900;
        float: left;
        text-align: center;
        text-decoration: none;
        color: #FFFFFF;
}
.pagepage .epages b{
        display: block;
        height: 20px;
        overflow: hidden;
        line-height: 20px;
        background-color: #FFFFFF;
        border: 1px solid #C0C0C0;
        float: left;
        text-align: center;
        margin-right: 2px;
        margin-left: 2px;
        color: #999999;
        padding-right: 8px;
        padding-left: 8px;
}   

 

预览效果如下