table中设置tr行间距

最新推荐文章于 2024-05-08 14:18:25 发布

照物华

最新推荐文章于 2024-05-08 14:18:25 发布

阅读量3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： WEB前端文章标签： html css

原文链接：https://blog.csdn.net/itmyhome1990/article/details/50475616

WEB前端专栏收录该内容

58 篇文章

订阅专栏

本文详细介绍了CSS中border-collapse属性的作用，该属性用于设置表格边框是否合并为单一边框，包括'separate'、'collapse'和'inherit'三个值的含义，并通过实例展示了如何使用此属性配合border-spacing属性调整表格行间距。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSS border-collapse 属性设置表格的边框是否被合并为一个单一的边框。

值	描述
separate	默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse	如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit	规定应该从父元素继承 border-collapse 属性的值。

border-collapse属性加上border-spacing属性就可以设置tr行间距。

<table style="border-collapse:separate; border-spacing:0px 10px;">
   <tr>
    <td>那片笑声躺我想起我的那些花儿</td>
   </tr>
   <tr>
    <td>在我生命每个角落静静为我开着</td>
   </tr>
</table>