siteserver cms分页

               <stl:pageContents pageNum="10" cellpadding="2" cellspacing="2">
<li>
<stl:a><p>{content.Title}</p></stl:a>
<span><stl:content type="AddDate" formatString="yyyy-MM-dd"></stl:content></span>
</li>
</stl:pageContents>
<br/>
<stl:pageItems>
<div class="page_wrap">
<div class="paginator">
<stl:pageItem type="PreviousPage">
<stl:successTemplate>
<a class="page-prev" href="{Current.Url}">上一页</a>
</stl:successTemplate>
<stl:failureTemplate>
<span class="page-start">上一页</span>
</stl:failureTemplate>
</stl:pageItem>
<stl:pageItem type="PageNavigation">
<stl:successTemplate>
<a href="{Current.Url}">{Current.Num}</a>
</stl:successTemplate>
<stl:failureTemplate>
<span class="page-this">{Current.Num}</span>
</stl:failureTemplate>
</stl:pageItem>
<stl:pageItem type="NextPage">
<stl:successTemplate>
<a class="page-next" href="{Current.Url}">下一页</a>
</stl:successTemplate>
<stl:failureTemplate>
<span class="page-end">下一页</span>
</stl:failureTemplate>
</stl:pageItem>
</div>
</div>
</stl:pageItems>

html

 .page_wrap{clear:both; margin-bottom:10px; overflow:hidden;zoom:;}
.paginator {float:right; height:25px; overflow:hidden; }
.paginator,
.paginator input,
.paginator button {font-family:Tahoma, "宋体"; font-size:12px; }
.paginator a,
.paginator span {float:left; height:23px; margin:0 5px 0 0; text-align:center; white-space:nowrap; vertical-align:middle; line-height:23px; background:#fff; }
.paginator a {color:#085C9B; }
.paginator b{font-family:"宋体"; margin:3px;font-weight:;}
.paginator a:link,
.paginator a:visited,
.paginator a:hover,
.paginator a:active {text-decoration:none; }
.paginator .page-start,
.paginator a,
.paginator .page-end {padding:0 8px; border:1px solid #D3D3D3; background:#ffffff; }
.paginator .page-start {border-color:#d9d9d9; color:#d9d9d9; }
.paginator .page-end { border-color:#d9d9d9; color:#d9d9d9; }
.paginator .page-this,
.paginator .page-break {padding:0 3px; }
.paginator .page-break {border:1px solid #fff; }
.paginator .page-this {border:1px solid #D3D3D3;background-color:#E9E9E9; padding:0px 8px; font-weight:bold; }
.paginator .page-skip {height:22px; line-height:22px; padding:0 3px; margin:; background:none; }
.paginator .page-skip input {width:26px; *width:23px;height:19px;line-height:19px;border:1px #D3D3D3 solid;font-size:12px; margin:-1px 6px 0px 6px;#margin-top:1px;_margin-top:0px;padding:0px 0px 0px 2px; vertical-align:middle; padding-top:0px; padding-bottom:0px; }
.paginator .page-skip button {font-size:12px; padding:0 5px 5px 5px;_padding:0 5px 0 5px; width:auto; _width:; height:22px; *height:23px; *line-height:20px; _height:16px; _line-height:16px; margin-left:10px; *margin-top:-1px;overflow:visible; vertical-align:top; }
.paginator a:hover {border:1px solid #A6A6A6;color:#868688; }

paging

引用css即可

上一篇:Helm 安装Nginx Ingress


下一篇:学习WPF——元素绑定