asp.net pagination controls Aspnetpager-practical tips for styling

In the previous period of time to develop the site process, suddenly feel that this concise style and the overall style of the site does not mix, so look at the last generation of Aspnetpager HTML, wrote a section of CSS style, the style of pagination and the overall style of the site unified.

The effect is as follows:

Do not very good-looking, I hope we do not throw bricks, my head did not bag cotton, can not afford to hurt ~-_-~

CSS style sheet:

/* Aspnetpager Style Power by http://www.edweb.cn * *
. pager{width:95%; margin:10px; line-height:20px; Display:block;}
. Pager span {border:1px solid #CCCCCC; margin:0 5px; padding:1px 6px; float:left;}
. Pager a {
border:1px solid #CCCCCC;
Display:block;
Overflow:hidden;
Float:left;
Margin:0 5px;
PADDING:1PX 6px;
}
. Pager a:hover {border:1 solid red; Background-color: #993399; color: #ffffff; margin:0 5px; padding:1px 6px;}

Call mode: Add a div wrapped outside the paging control and call directly

        <div class= "pager"
                 <webdiyer:aspnetpager id= "Pager" runat= "Server" firstpagetext= "Home" lastpagetext= "last" nextpagetext= "Back Page" onpagechanging= "pager_pagechanging" pagesize= "9" prevpagetext= "front page" numericbuttoncount= "9"
                 </webdiyer:aspnetpager>
             </div>