如何將下列GridView內聯樣式轉換爲樣式表的類？

Question

我相信GridView呈現爲一個表格，所以我怎樣才能將下列GridView的內聯樣式轉換爲使用類的外部樣式表？

<asp:GridView ID="gvQuotes" 
       runat="server" 
       BackColor="#DEBA84" BorderColor="#DEBA84" 
       BorderStyle="None" BorderWidth="1px" 
       CellPadding="3" CellSpacing="2" 
       GridLines="Both" 
       Width="100%" 
       ShowFooter="True"> 

<RowStyle BackColor="#FFF7E7" ForeColor="#8C4510" 
      HorizontalAlign="Center" /> 

<FooterStyle BackColor="#F7DFB5" ForeColor="#8C4510" /> 

<PagerStyle ForeColor="#8C4510" HorizontalAlign="Center" /> 

<SelectedRowStyle BackColor="#738A9C" Font-Bold="True" 
        ForeColor="White" /> 

<HeaderStyle BackColor="#A55129" Font-Bold="True" 
      ForeColor="White" Font-Underline="true" 
      HorizontalAlign="Center" /> 

</asp:GridView> 

例如，對於整體的電網，將我像做以下，並設置的CssClass =「網格」

.grid 
{ 
    background-color: #DEBA84; 
    border-color:#DEBA84; 
    width:100%; 

} 

我不知道如何處理bordestyle，CELLPADDING，CELLSPACING ，網格線

Answer 1

檢查this out。我認爲這對你會有所幫助。

這裏的關鍵是如何定位某些方式來顯示錶格單元格。

table.gridView td 
{ 
    padding:10px; // same as CellPadding on table HTML tag 
}