给tr加边框无效解决方案

最新推荐文章于 2024-08-09 16:14:30 发布

zlzbt

最新推荐文章于 2024-08-09 16:14:30 发布

阅读量6.3k

点赞数 5

分类专栏： css html

本文链接：https://blog.csdn.net/zlzbt/article/details/80089798

版权

css 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

html

7 篇文章 0 订阅

订阅专栏

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