天天看点

ASP.NET第三方控件-AspNetPager设置样式

最终效果如下图:

ASP.NET第三方控件-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>