当前位置： 移动技术网 > IT编程>网页制作>CSS > CSS控制表格tr之间的边距

CSS控制表格tr之间的边距

2019年06月20日  | 移动技术网IT编程  | 我要评论

威特猛,云南电视网,tmh通信兵

css控制表格tr之间的边距

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

1

2

3

4

tr{

display:block;/*将tr设置为块体元素*/

margin:2px0;/*设置tr间距为2px*/

}

示例如下：

创建html元素

1

2

3

4

5
1 2 3
4 5 6
7 8 9

添加css样式

1

2

3

4

5

table{border-collapse:collapse;}

td{width:90px;padding:5px;border:1pxsolidgreen;}

tr{

display:block;/*将tr设置为块体元素*/

margin:2px0;/*设置tr间距为2px*/

显示效果

\

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网