2014-01-08 45 views
0

使用樣式屬性我想顯示錶格的單元格邊框;如何顯示錶格中的行

<table class="table-bordered table-striped table"> 
      <colgroup> 
       <col id="Col1" /> 
       <col id="Col2" /> 
       <col id="Col3" /> 
       <col id="Col4" /> 
       <col id="Col5" /> 
      </colgroup> 
      <thead> 
       <tr style="border:10px"> 
        <th scope="col">@T("Code")</th> 
        <th scope="col">@T("Product")</th> 
        <th scope="col">@T("Unit Price")</th> 
        <th scope="col">@T("Quantity")</th> 
        <th scope="col">@T("Value")</th> 
       </tr> 
      </thead> 
      <tbody> 

ATM的樣子: enter image description here 想是這樣:

<tr style="border:10px; border-style:solid; border-color:Black;"> 

,但沒有喜悅

回答

1

如果你想在單元格邊框,然後將其添加到細胞不排。

CSS:

td { 
    border: 1px solid black; 
} 

或內聯:

<td style="border: 1px solid black;"></td> 
1

,如果你想顯示每節電池的邊界,那麼你只是需要用下面的值添加一個style屬性:

<td style="border:1px solid Black;"></td> 

border屬性的語法是:

border:width | style | color;

那裏的風格價值:

無:不定義任何虛線邊框 :定義一個虛線虛線邊框 :定義虛線邊框 固體:定義實線邊框 雙:定義兩個邊界。兩個邊框的寬度與邊框寬度值相同 凹槽:定義3D凹槽邊框。效果取決於邊框顏色值 ridge:定義3D脊形邊框。效果取決於邊框顏色值 插圖:定義3D插入邊框。效果取決於邊框顏色值 outset:定義3D起始邊框。效果取決於邊框顏色值

0

正如其他人所提到的,您可能想要設置td而不是tr。然而,你的tr的樣式應該顯示一些東西,所以我的猜測是你的樣式被另一個css文件覆蓋,或者其他的東西。在Chrome中使用Fire Bug或開發工具(右鍵單擊>檢查元素),您可以在td上看到樣式。然後您可以看到哪些正在被覆蓋(1),哪些正在被應用(2)以及它們來自哪裏(3)。

enter image description here