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

html-css023

css样式控制表格单元格的距离,第1张

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

1.在文件夹中创建一个“test”的html文件。如图所示

2.在里面添加html标签框架。如图所示

3.在里面添加一个“div”并放入文字。如图所示

4.然后我们发现默认文字之间比较紧凑。如图所示

5.现在我们给div设置一个id为“wd”。如图所示

6.通过css在style使用letter-spacing给wd中的文字设置字间距为30px。#wd{letter-spacing:30px}如图所示

7.在浏览器中打开我们发现字间距变大了。如图所示