css样式控制表格单元格的距离

发布网友 发布时间：2022-04-22 22:36

我来回答

共6个回答

热心网友 时间：2022-04-06 12:35

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

可以应用border-spacing属性设置到表中。border-collapse 默认值为separate，即每个td单元格都有独立的边框；collapse表示相邻单元格共用一个边框，此时 border-spacing 将不起作用，设置为collapse单元格间距将消失。

扩展资料：

语言标准

在CSS 2.1规范中，识别符（包括选择符中的元素名、类、ID）只能包含A～Z、a～z、0～9等字符，加上连字符“-”、下划线“_”。识别符不能以数字开头，以连字符和下划线开头也是不允许的。只有属性、属性值、单位、伪类、伪元素和“@”规则可以由连字符“-”开头。

CSS的识别符也需要用反斜杠“\”规避特殊字符，这些规避字符遵循IS010646规范。特殊字符的规避方法有两种：

第一种方法是遇到特殊字符则在这些字符前直接添加反斜杠，例如，“AT&T”变为“AT\&T”；另一种方法为用反斜杠和Unicode或IS010646等值的十六进制数值一起，规避特殊字符，例如，“AT&T”变为“AT\26T”。

参考资料：

百度百科—css

热心网友 时间：2022-04-06 13:53

1、选中单元格，右键单击，在弹出的菜单列表中单击“设置单元格格式”选项。

2、在“单元格格式”选项中单击“对齐”选项，在“水平对齐”中选择“分散对齐（缩进）”。

3、输入需要缩进的字符大小

4、然后我们需要点击“确定”

5、如图所示，得到想要的效果。方法很简单。css样式就可以控制表格单元格的距离

热心网友 时间：2022-04-06 15:28

用 border-spacing:100px 就OK。
table {
border:solid black 1px;
border-spacing:100px;
}

不知道为啥在IE6上没效果，这明明是CSS1的属性，郁闷……

热心网友 时间：2022-04-06 17:19

在table 中控制单元格之间的间距要用到cellspacing、cellpadding，默认情况cellspacing、cellpadding均不为0，但经 常的状况为了不让table单元格之间的间距影响到美观，我们经常会把cellspacing、cellpadding设置为0，因此经常看到“< table cellspacing=0 cellpadding=0>”这样的代码。这样做无形中增加了代码的体积，而且也极其不符合样式与内容分离的web标准，对于我本人来说也是极其 厌恶这样的形式的，因此使用css控制cellspacing/cellpadding显的意义重大了！以下是控制方法：
table{border:0;margin:0;border-collapse:collapse;}
table td{padding:0;}
第一行控制cellspacing，关键是“border-collapse:collapse;”这一句；第二行控制cellpadding

cellpadding 对应 td padding
cellspacing 对应 td margin

说的还不够清楚吗？
cellpadding，cellspacing都是废弃的属性了，早已不推荐使用，最新的html5里已经彻底去掉了这些表现型的属性。正确的做法是，合并表格边框，然后用th，td的padding设置内容和边框之间的空隙。

你想有间隔,就table td{
padding:15px;
},就可以了啊

参考资料：http://bbs.blueidea.com/thread-2783650-1-1.html

热心网友 时间：2022-04-06 19:27

border-spacing:15px没有试过，你试一下吧

热心网友 时间：2022-04-06 21:52

border-collapse:15px;