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>

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

©️2020 CSDN 皮肤主题: 终极编程指南 设计师:CSDN官方博客 返回首页