请问css样式如何设置table表格之间的间隔。像这样:

html-css015

请问css样式如何设置table表格之间的间隔。像这样:,第1张

<table>

<tr><td style="border:1px solid blackwidth:50pxheight:10px"></td></tr>

<tr><td style="border:1px solid blackwidth:50pxheight:10px"></td></tr>

</table>

table 不加外框(不用border)

td或th中使用style,如果要调节宽度,可以修改width中的值。

如果想要调节行与行之间的宽度,可以在行之间加入一个空行<tr><td></td></tr>

想要调多宽就加多少个。

<tr><td style="border:1px solid blackwidth:50pxheight:10px"></td></tr>

<tr><td></td></tr>

<tr><td style="border:1px solid blackwidth:50pxheight:10px"></td></tr>

border-spacing 属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。

table

{

border-collapse:separate

border-spacing:10px 50px

}

后面的50px就是设置间距的大小

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