A nice style of the gridview

. Gridviewstyle <br/>{< br/> border-Right: 2px solid # a7a6aa; <br/> border-bottom: 2px solid # a7a6aa; <br/> border-left: 2px solid white; <br/> border-top: 2px solid white; <br/> padding: 4px; <br/>}< br/>. gridviewstyle A <br/>{< br/> color: #000000; <br/> cursor: pointer; <br/>}</P> <p>. gridviewheaderstyle th <br/>{< br/> border-left: 1px solid # ebe9ed; <br/> border-Right: 1px solid # ebe9ed; <br/>}</P> <p>. gridviewheaderstyle <br/>{< br/> background-color: # 5d7b9d; <br/> font-weight: bold; <br/> color: white; <br/>}</P> <p>. gridviewfooterstyle <br/>{< br/> background-color: # 5d7b9d; <br/> font-weight: bold; <br/> color: white; <br/>}</P> <p>. gridviewrowstyle <br/>{< br/> background-color: # f7f6f3; <br/> color: #333333; <br/>}</P> <p>. gridviewalternatingrowstyle <br/>{< br/> background-color: # ffffff; <br/> color: #284775; <br/>}</P> <p>. gridviewrowstyle TD ,. gridviewalternatingrowstyle TD <br/>{< br/> border: 1px solid # ebe9ed; <br/>}</P> <p>. gridviewselectedrowstyle <br/>{< br/> background-color: # e2ded6; <br/> font-weight: bold; <br/> color: #333333; <br/>}</P> <p>. gridviewpagerstyle <br/>{< br/> background-color: #284775; <br/> color: # ffffff; <br/>}</P> <p>. gridviewpagerstyle table/* to center the paging links */<br/> {<br/> margin: 0 auto 0 auto; <br/>}

 

The display effect is as follows: