GridView控件CSS美化


/*调用方式:GridView中加上属性 CssClass="mGrid" 即可     <asp:GridView CssClass="mGrid" ID="gvGuestBook" runat="server"></asp:GridView>*/
.mGrid {
    width: 600px;
    height: 100px;
    background-color: #05e75f;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}
 
.mGrid td {
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
}
 
.mGrid th {
    padding: 4px 2px;
    color: #fff;
    background: #424242 url(grd_head.png) repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}
 
.mGrid .alt {
    background: #fcfcfc url(grd_alt.png) repeat-x top;
}
 
.mGrid .pgr {
    background: #424242 url(grd_pgr.png) repeat-x top;
}
 
.mGrid .pgr table {
    margin: 5px 0;
}
 
.mGrid .pgr td {
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}
 
.mGrid .pgr a {
    color: #666;
    text-decoration: none;
}
 
.mGrid .pgr a:hover {
    color: #000;
    text-decoration: none;
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM