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;
}

 

posted @ 2019-07-11 16:38  gzu_zb  阅读(1438)  评论(0编辑  收藏  举报