/*=======================翻頁樣式===========================*/
.pages { width: 660px; text-align: center; font-size: 14px; float: left; margin-left: 340px; margin-bottom: 35px; }
.paginator { font-size: 14px; padding: 2px 10px 2px 0; margin: 5px auto; text-align: center; margin: 15px; }
.paginator a { padding: 2px 4px; border: solid 2px #AABCCF; background: #EBF0F7; text-decoration: none; color: #053172; }
.paginator a:hover { text-decoration: none; color: red; }
.paginator .cpb { padding: 2px 4px; font-weight: bold; font-size: 14px; border: none; color: red; }

/*.pages{width: 660px; text-align:center;padding:10px;float:left;}
.paginator { font-size: 14px; padding: 2px 10px 2px 0; margin: 15px auto; text-align: center; }
.pages a{color:#0066CC;background-color:#FFFFFF;text-decoration:none;border:#84A5CE solid 1px;padding:2px 6px;margin-right:5px;}
.pages a:hover{color:#FFFFFF;background-color:#4483DC;}
.pages .cpb {color:#FFFFFF;background-color:#4483DC;text-decoration:none;border:#84A5CE solid 1px;padding:2px 6px;margin-right:5px;}*/

?

aspx頁面前面：

<div class="pages"><webdiyer:AspNetPager ID="AspNetPager1" runat="server"PageSize="9" NumericButtonCount="7"UrlPaging="true" CssClass="paginator" CurrentPageButtonClass="cpb" SubmitButtonText="轉到"NumericButtonTextFormatString="{0}" LastPageText="尾頁" NextPageText="下一頁" PrevPageText="上一頁" FirstPageText="首頁" OnPageChanging="AspNetPager1_PageChanging" CurrentPageButtonTextFormatString="[{0}]"ShowBoxThreshold="2000" AlwaysShow="false"></webdiyer:AspNetPager></div> View Code

?

轉載于:https://www.cnblogs.com/shy1766IT/p/3736195.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的css翻页样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。