最终效果如下图:
-----------------------------------------------------------------------------------------------
样式部分:
<style type="text/css"> .anpager .cpb { background: #1F3A87 none repeat scroll 0 0; border: 1px solid #CCCCCC; color: #FFFFFF; font-weight: bold; margin: 5px 4px 0 0; padding: 4px 5px 0; } .anpager a { background: #FFFFFF none repeat scroll 0 0; border: 1px solid #CCCCCC; color: #1F3A87; margin: 5px 4px 0 0; padding: 4px 5px 0; text-decoration: none; } .anpager a:hover { background: #1F3A87 none repeat scroll 0 0; border: 1px solid #1F3A87; color: #FFFFFF; } </style>
-----------------------------------------------------------------------------------------------
代码部分:注本例没有处理任何事件,只是设置样式而已。
<webdiyer:AspNetPager ID="aspNetPager" CssClass="anpager" PageSize="3" CurrentPageButtonClass="cpb" runat="server"> </webdiyer:AspNetPager>