kingcms 文章列表分页页码美化教程，因为系统自动的 文章列表 页面样式 很难看，所以加上以下css以后，就会和本站一样。效果非常好！
美化一
.k_pagelist {
float:left;
display:table;
clear:both;
line-height:30px;
width: 100%;
text-align: left;
}
.k_pagelist em {padding:2px;border:1px solid #e7e7e7;font-size:12px;margin:0px 1px;background:#f5f9fe;color:#14316b;font-weight:bold;font-style:normal;}
.k_pagelist strong {padding:2px;border:1px solid #e7e7e7;font-size:12px;margin:0px 1px;color:#009900;}
.k_pagelist a {padding:2px;border:1px solid #e7e7e7;font-size:12px;margin:0px 1px;}
.pl {
clear:both;
width: 500px;
display: table;
float: left;
}
以上加入模板css中这样就实现了kingcms中分页样式的美化。
方法二
把以下css定义加到css文件里。
.pagen {
width: 100%; text-align: center
}
.k_pagelist {
clear: both; float: right; line-height: 30px
}
.k_pagelist em {
border-right: #e9dbc7 1px solid; padding-right: 2px; border-top: #e9dbc7 1px solid; padding-left: 2px; font-weight: bold; font-size: 12px; background: #d3ae83; padding-bottom: 2px; margin: 0px 1px; border-left: #e9dbc7 1px solid; color: #fafafa; padding-top: 2px; border-bottom: #e9dbc7 1px solid; font-style: normal
}
.k_pagelist strong {
border-right: #e9dbc7 1px solid; padding-right: 2px; border-top: #e9dbc7 1px solid; padding-left: 2px; font-size: 12px; padding-bottom: 2px; margin: 0px 1px; border-left: #e9dbc7 1px solid; color: #c69a5d; padding-top: 2px; border-bottom: #e9dbc7 1px solid
}
.k_pagelist a {
border-right: #e9dbc7 1px solid; padding-right: 2px; border-top: #e9dbc7 1px solid; padding-left: 2px; font-size: 12px; padding-bottom: 2px; margin: 0px 1px; border-left: #e9dbc7 1px solid; padding-top: 2px; border-bottom: #e9dbc7 1px solid
}
.k_but .k_pagelist {
float: left; width: 70%; text-align: right
}
#k_comment .k_pagelist {
clear: both; display: block
}
在分页列表前加上 <div class=‘pagen’> {king:pagelist/} </div>就可以了，快去看看是不是比原来好看点了 呵呵!