1. 程式人生 > >CSS設定表格TD TH邊框問題

CSS設定表格TD TH邊框問題

GridView的單元格的邊框老是設不出來

不知道是預設還是被別的樣式表給設定了

對樣式表的層疊使用又不太瞭解。

有時設的樣式錶針對了全域性。

於是乎嘗試到這樣的使用可以針對某一個DIV裡的TD,TH元素設定樣式,注意CLSS的值。

<style type="text/css">
        .div1 th
        {
            border-style: solid;
            border-top-width: 1px;
            border-right-width: 1px;
            border-bottom-width: 1px;
            border-left-width: 1px;
        }
        .div1 td
        {
            border-style: solid;
            border-top-width: 1px;
            border-right-width: 1px;
            border-bottom-width: 1px;
            border-left-width: 1px;
        }
    </style>

    <div class="div1">
        <asp:GridView ID="gridReportData" runat="server" Width="300px">
            <RowStyle HorizontalAlign="Center"  />
            <Columns>
            </Columns>
        </asp:GridView>
    </div>

GridView表格的框框們就都顯示出來了 ^_^