我正在try 创建一个表格,其中每个单元格都有一个背景色,其间留有空格.但我似乎在做这件事上有困难.

我试着设定td%的利润,但似乎没有效果.

table.myclass td {
    background-color: lime;
    margin: 12px 12px 12px 12px;
}

如果我对padding做同样的事情,它是有效的,但是我没有单元格之间的间距.

有人能帮我搬一下这个吗?

jsFiddle:http://jsfiddle.net/BfBSM/

推荐答案

使用table元素上的border-spacing属性设置单元格之间的间距.

确保将border-collapse设置为separate(否则,每个单元格之间将有一个边框,而不是每个单元格周围可以有间距的单独边框).

Css相关问答推荐

如何在CSS calc()中使用反向百分比/无单位计算?

当鼠标悬停在元素的::第一行时,如何应用样式?

更改MAT-FORM-FIELD的CSS,使其在有Angular 的HTML中显示为普通文本框

臭虫?嵌套的css供应商前缀中断Chrome css解析

当滚动量较小时,在滚动问题上动画粘性导航

CSS关键帧中使用transform-origin存在问题的解决方案

创建一个CSS动画的对角线线条.

CSS 布局:使一列依赖于另一列

如何使用props 为 Vue 中的组件创建动态背景图像?

在 WooCommerce 变体 Select 中转换属性文本以大写

我无法覆盖 react ui 库中的组件样式

Bootstrap 类似乎没有任何作用

如何为柔和的配色方案提供易于使用的高对比度替代方案?

更改组件中 css 的值

如何创建一个与 Bootstrap 3 配合得很好的粘性页脚

选中时从 HTML 文本输入中移除蓝色光晕

为什么我们将