NET第三方控件AspNetPager设置样式

最终效果如下图:

aspNetPager样式设置

-----------------------------------------------------------------------------------------------

样式部分:

    <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>

原文地址:https://www.cnblogs.com/homezzm/p/1613425.html