如何通过CSS设置表格行（tr）之间的间距？

本文共计446个文字，预计阅读时间需要2分钟。

要设置表格（``）中单元格（``）间的距离，可以使用CSS样式。以下是一个简单的步骤和代码示例：

1. 打开CSS文件或样式标签。

2.将``元素设置为块级元素。

3.使用`margin`属性设置单元格间的距离。

css

tr { display: block; /* 将tr设置为块级元素 */ margin: 2px 0; /* 设置上边距为2px，左右边距为0 */}

这段代码将使表格中的每一行都成为块级元素，并通过设置上下边距来控制行与行之间的距离。注意，这里没有使用+，而是直接在`margin`属性中指定了数值。

css设置tr间距的方法：首先打开相应的代码文件；然后将tr设置为块体元素；最后通过设置“margin:2px 0;”样式来设置tr间距即可。

本文操作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑

tr 之间距离可以通过设置 tr 的外边距（margin）来实现，但是注意必须先把tr的显示属性设置为块体（block）元素：

tr{ display:block; /*将tr设置为块体元素*/ margin:2px 0; /*设置tr间距为2px*/ }

或者

tr{ line-height:10px; 或者 margin-top:10px; }

扩展资料：

层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

推荐学习：《css视频教程》

以上就是css怎么设置tr间距的详细内容，更多请关注自由互联其它相关文章！