AspNetPager paging control definition and application style example

Netease style:
Home Page front page 12345678910...

CSS style:
Copy codeThe Code is as follows:
. Anpager. ECC {background: #1F3A87 none repeat scroll 0 0; border: 1px solid # CCCCCC; color: # FFFFFF; font-weight: bold; margin: 5px 4px 0 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 ;}

Property settings: CssClass = "anpager" CurrentPageButtonClass = "cardiopulmonary bypass"
--------------------------------------------------------------------------------

Pat network style:
Homepage Previous Page 12345678910... Next page last page

CSS style:
Copy codeThe Code is as follows:
. Paginator {font: 11px Arial, Helvetica, sans-serif; padding: 10px 20px 10px 0; margin: 0px ;}
. Paginator a {padding: 1px 6px; border: solid 1px # ddd; background: # fff; text-decoration: none; margin-right: 2px}
. Paginator a: visited {padding: 1px 6px; border: solid 1px # ddd; background: # fff; text-decoration: none ;}
. Paginator. ECC {padding: 1px 6px; font-weight: bold; font-size: 13px; border: none}
. Paginator a: hover {color: # fff; background: # ffa501; border-color: # ffa501; text-decoration: none ;}

Property settings: CssClass = "paginator" CurrentPageButtonClass = "cardiopulmonary bypass"
--------------------------------------------------------------------------------

Thunder style:
Homepage Previous Page 12345678910... Next page last page

CSS style:
Copy codeThe Code is as follows:
. Pages {color: #999 ;}
. Pages ,. pages. cpb {text-decoration: none; float: left; padding: 0 5px; border: 1px solid # ddd; background: # ffff; margin: 0 2px; font-size: 11px; color: #000 ;}
. Pages a: hover {background-color: # E61636; color: # fff; border: 1px solid # E61636; text-decoration: none ;}
. Pages. ECC {font-weight: bold; color: # fff; background: # E61636; border: 1px solid # E61636 ;}

Property settings: CssClass = "pages" CurrentPageButtonClass = "cardiopulmonary bypass"