asp:datagrid 와 css

<asp:datagrid 나 <asp:HyperLinkColumn 등의 tag 사용시

링크의 밑줄을 없애기 위해선 css파일을 이용한다.

cssclass tag을 이용 적용함.

/**********DataGrid Header Style**************/

.ms-gridheader  {
    COLOR: #000066; background-color:#e1ecfc; FONT-SIZE: 8pt; VERTICAL-ALIGN: 
middle ; TEXT-DECORATION: none ; FONT-FAMILY: verdana; font-weight:bold 
}

.ms-gridheader  A {
    COLOR: #000066; background-color:#e1ecfc; FONT-SIZE: 8pt; VERTICAL-ALIGN: 
middle ; TEXT-DECORATION: none ; FONT-FAMILY: verdana; font-weight:bold
}

.ms-gridheader A:visited {
    COLOR: #000066; background-color:#e1ecfc; FONT-SIZE: 8pt; VERTICAL-ALIGN: 
middle ; TEXT-DECORATION: none ; FONT-FAMILY: verdana; font-weight:bold
}

.ms-gridheader  A:hover {
    COLOR: #ff3300; background-color:#e1ecfc; FONT-SIZE: 8pt; VERTICAL-ALIGN: 
middle ; TEXT-DECORATION: underline ; FONT-FAMILY: verdana; font-weight:bold
}



Then, in our asp.net page, we can apply it to our datagrid's header through:

<asp:DataGrid ........... >
    <HeaderStyle CssClass="ms-gridheader"></HeaderStyle>
        ..................                                                <Columns>