使用css在单元格(td)之间添加空格
我试图添加一个表单元格之间的空间,因为单元格的背景颜色是白色的,表格的背景颜色是蓝色的,您可以很容易地看到填充和边距不工作(我正在将其应用到td
) ,它只会增加单元格内的空间。
你想要border-spacing
:
<table style="border-spacing: 10px;">
或者在某个CSS块中:
table { border-spacing: 10px; }
请参阅border-spacing
上的quirksmode 。 请注意,IE7及更低版本的border-spacing
不起作用。
table { border-spacing: 10px; }
一旦我删除,这对我有用
border-collapse: separate;
从我的表格标签。
我的是:
border-spacing: 10px; border-collapse: separate;
考虑使用cellspacing
和cellpadding
属性的table
标记或border-spacing
css属性。
细胞之间的距离(细胞之间的距离)参数的TABLE标签正是你想要的。 缺点是它是一个值,既用于x和y,也不能select不同的间距或填充垂直/水平。 还有一个CSS属性,但没有得到广泛的支持。