1 <stl:pageContents pageNum="10" cellpadding="2" cellspacing="2"> 2 <li> 3 <stl:a><p>{content.Title}</p></stl:a> 4 <span><stl:content type="AddDate" formatString="yyyy-MM-dd"></stl:content></span> 5 </li> 6 </stl:pageContents> 7 <br/> 8 <stl:pageItems> 9 <div class="page_wrap"> 10 <div class="paginator"> 11 <stl:pageItem type="PreviousPage"> 12 <stl:successTemplate> 13 <a class="page-prev" href="{Current.Url}">上一页</a> 14 </stl:successTemplate> 15 <stl:failureTemplate> 16 <span class="page-start">上一页</span> 17 </stl:failureTemplate> 18 </stl:pageItem> 19 <stl:pageItem type="PageNavigation"> 20 <stl:successTemplate> 21 <a href="{Current.Url}">{Current.Num}</a> 22 </stl:successTemplate> 23 <stl:failureTemplate> 24 <span class="page-this">{Current.Num}</span> 25 </stl:failureTemplate> 26 </stl:pageItem> 27 <stl:pageItem type="NextPage"> 28 <stl:successTemplate> 29 <a class="page-next" href="{Current.Url}">下一页</a> 30 </stl:successTemplate> 31 <stl:failureTemplate> 32 <span class="page-end">下一页</span> 33 </stl:failureTemplate> 34 </stl:pageItem> 35 </div> 36 </div> 37 </stl:pageItems>
1 .page_wrap{clear:both; margin-bottom:10px; overflow:hidden;zoom:1;} 2 .paginator {float:right; height:25px; overflow:hidden; } 3 .paginator, 4 .paginator input, 5 .paginator button {font-family:Tahoma, "宋体"; font-size:12px; } 6 .paginator a, 7 .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; } 8 .paginator a {color:#085C9B; } 9 .paginator b{font-family:"宋体"; margin:3px;font-weight:300;} 10 .paginator a:link, 11 .paginator a:visited, 12 .paginator a:hover, 13 .paginator a:active {text-decoration:none; } 14 .paginator .page-start, 15 .paginator a, 16 .paginator .page-end {padding:0 8px; border:1px solid #D3D3D3; background:#ffffff; } 17 .paginator .page-start {border-color:#d9d9d9; color:#d9d9d9; } 18 .paginator .page-end { border-color:#d9d9d9; color:#d9d9d9; } 19 .paginator .page-this, 20 .paginator .page-break {padding:0 3px; } 21 .paginator .page-break {border:1px solid #fff; } 22 .paginator .page-this {border:1px solid #D3D3D3;background-color:#E9E9E9; padding:0px 8px; font-weight:bold; } 23 .paginator .page-skip {height:22px; line-height:22px; padding:0 3px; margin:0; background:none; } 24 .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; } 25 .paginator .page-skip button {font-size:12px; padding:0 5px 5px 5px;_padding:0 5px 0 5px; width:auto; _width:0; height:22px; *height:23px; *line-height:20px; _height:16px; _line-height:16px; margin-left:10px; *margin-top:-1px;overflow:visible; vertical-align:top; } 26 .paginator a:hover {border:1px solid #A6A6A6;color:#868688; } 27
引用css即可