1. 程式人生 > >給tr加邊框無效解決方案

給tr加邊框無效解決方案

<table>
   <tr style='border:1px solid #000'>      <td>12</td>
      <td>2</td>
      <td>12</td>
   </tr>
    <tr>
      <td>12</td>
      <td>21</td>
      <td>21</td>
   </tr>
    <tr>
      <td>12</td>
      <td>12</td>
      <td>21</td>
   </tr>
</table>

執行在瀏覽器中不顯示border

給tr設定border沒有效果,後來查閱了資料才知道,給table加上一個樣式即可

table{
border-collapse: collapse;

}

無效果的原因是因為<tr>標籤的屬性中沒有border 和 solid 的屬性

邊框不折疊的表格(即border-collapse: collapse;) 行,列,行組和列組是不具有border的

預設table邊框是摺疊的