cellspacing和cellpadding区别

cellspacing和cellspadding区别

属性	含义	常用属性值
cellspacing	设置单元格与单元格边框之间的空白间距	像素值(默认为2px)
cellspadding	设置单元格内容与单元格边框之间的空白距离	像素值(默认为1px)

不使用任何的cellspacing和cellspdding修饰：

<table border="1"><tr><td>公司</td><td>性质</td><td>平均薪资</td></tr><tr><td>阿里巴巴</td><td>民营企业</td><td>18k</td></tr><tr><td>工商银行</td><td>国有企业</td><td>8k</td></tr></table>

结果如图所示：

使用cellspacing修饰，设置为0

    <table border="1" cellspacing="0"><tr><td>公司</td><td>性质</td><td>平均薪资</td></tr><tr><td>阿里巴巴</td><td>民营企业</td><td>18k</td></tr><tr><td>工商银行</td><td>国有企业</td><td>8k</td></tr></table>

发现单元格与单元格之间无间距因为cellspcing设置为0

使用cellspaddcing修饰，设置为10

    <table border="1" cellspacing="0" cellpadding="10"><tr><td>公司</td><td>性质</td><td>平均薪资</td></tr><tr><td>阿里巴巴</td><td>民营企业</td><td>18k</td></tr><tr><td>工商银行</td><td>国有企业</td><td>8k</td></tr></table>

发现单元格内容与单元格边框间距变大。

cellspacing和cellpadding区别相关推荐

PHP中cellspacing,table 中 cellspacing 与 cellpadding 区别
table是什么?它是由一个个cell单元格构成的,在表格中, 的个数取决于每行中包裹的cell单元格个数!此外,默认table表格在没有添加css样式:表格的一行,有几对tr表格就有几行: B.-: ...
Cellpadding和Cellspacing之间的区别
Cellpadding和Cellspacing是table表格中使用的属性,可以设置table表格单元格中的空白,是两个有助于控制网页中表格的样式和布局的属性.那么它们之间有什么区别?下面本篇文章就来 ...
cellspacing和cellpadding的区别
cellspacing和cellpadding的区别 1.cellspacing表示各单元格之间的空隙 2.cellpadding表示单元格内容与单元格边界之间的距离上代码: CSS部分 <s ...
table中cellspacing和cellpadding的区别
cellspacing:(作用于table),表格中单个单元格之间的距离 cellpadding:(作用于table)设置单元格的内边距,相当于使用padding <table border=' ...
html5中不再支持table的cellspacing和cellpadding属性
如果你现在开始用html5的声明来写页面时,你会发现在定义table的cellspacing和cellpadding时被提示该属性已过时或者提示非法属性.具体原因是在html5中table标签的这两个 ...
使用css控制table的cellspacing和cellpadding属性
HTML默认的表格样式之间有间隙,每次为了解决这些问题,总要在table标签里添加cellspacing和cellpadding,你是否也很厌倦这样的写法, 那么有没有对应的CSS属性能达到相同的效果 ...
html cellpadding css,CSS中cellspacing和cellpadding属性用法
CSS中cellspacing和cellpadding属性的使用是否了解,这里和大家分享一下,cellspacing属性设置表格边框之间和表格单元格之间的间距(以像素为单位):cellpadding属 ...
关于cellspacing、cellpadding属性问题
这是我一直以来不会的问题,比较让我头疼,就是理解不透彻. 这次我做了全面总结一下吧,必须这样才能记住了! 对比cellspacing与cellpadding的用法首先看下面的几组: ①: <t ...
table中cellspacing、cellpadding的css替代写法
table中cellspacing.cellpadding的css替代写法 table{border:0;margin:0;border-collapse:collapse;border-spacin ...

cellspacing和cellpadding区别

cellspacing和cellspadding区别

cellspacing和cellpadding区别相关推荐

最新文章

热门文章