css r如何给tr添加间距

CSS中如何给table中的行(tr)添加间距?我们可以使用CSS的border-spacing属性解决这个问题。

table{
  border-collapse: separate;
  border-spacing: 10px;
}

css r如何给tr添加间距

border-collapse: separate;是使边框分离开来,而不是重叠在一起,border-spacing: 10px;表示边框之间的距离为10像素。

如果想要针对某一行添加特定的间距,我们可以在该行的CSS样式中加上以下代码

tr{
  border-spacing: 20px;
}

这样就可以把该行的间距与其他行的间距做出区分了。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效