表格没办法使用 margin 属性

180 阅读1分钟

想要实现行跟行之间隔开,添加了 margin-top: 14px;,却发现没有其作用。

image.png

查阅了一下,需要使用这两个属性:

border-collapse: seperate;
border-spacing: 1em 1em;

image.png

border-spacing 接受两个参数,第一个表示列跟列之间的距离,第二个表示行跟行之间的距离,这样就实现表格行列之间错开的效果了。