ASP.NET第三方控件AspNetPager分页控件在WEB开发中应用很广泛，如何给这个控件设置我们自己的样式效果呢，本文以网易风格分页效果为例为大家介绍如何给AspNetPager分页控件添加样式

最终效果如下图：

样式部分：

1. <style type="text/css"> 
2.       .anpager .cpb 
3.        { 
4.            background: #1F3A87 none repeat scroll 0 0; 
5.            border: 1px solid #CCCCCC; 
6.            color: #FFFFFF; 
7.            font-weight: bold; 
8.            margin: 5px 4px 0 0; 
9.            padding: 4px 5px 0; 
10.        } 
11.        .anpager a 
12.        { 
13.            background: #FFFFFF none repeat scroll 0 0; 
14.            border: 1px solid #CCCCCC; 
15.            color: #1F3A87; 
16.            margin: 5px 4px 0 0; 
17.            padding: 4px 5px 0; 
18.            text-decoration: none; 
19.        } 
20.        .anpager a:hover 
21.        { 
22.            background: #1F3A87 none repeat scroll 0 0; 
23.            border: 1px solid #1F3A87; 
24.            color: #FFFFFF; 
25.        } 
26.    </style> 

代码部分：注本例没有处理任何事件，只是设置样式而已。

1. <webdiyer:AspNetPager ID="aspNetPager" CssClass="anpager" PageSize="3" CurrentPageButtonClass="cpb" 
2.             runat="server"> 
3.         </webdiyer:AspNetPager>