The style beautification of the asp.net paging control AspNetPager

In the process of developing a website some time ago, I suddenly felt that this simple style was really different from the overall style of the website, so I looked at the final html generated by AspNetPager, write a CSS style to unify the paging style and the overall website style.

The effect is as follows:

It is not very nice. I hope you will not lose bricks. It will not hurt your head ~ -_-~

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 {
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 method: Add a div package outside the paging control to directly call

<Div class = "pager">
<Webdiyer: aspNetPager ID = "Pager" runat = "server" FirstPageText = "Homepage" LastPageText = "last page" NextPageText = "next page" OnPageChanging = "inline" PageSize = "9" PrevPageText = ""Previous Page" NumericButtonCount = "9">
</Webdiyer: AspNetPager>
</Div>