最終效果如下圖:
-----------------------------------------------------------------------------------------------
樣式部分:
<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>