给tr加边框无效解决方案

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/zlzbt/article/details/80089798

<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边框是折叠的