asp.net - 如何将以下 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"

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

}

我不确定如何处理 bordestyle、cellpadding、cellspacing 和网格线

Answer 1

检查 this出去。我认为这会对您有所帮助。

这里的关键是如何针对特定的方式来显示表格单元格。

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