table标签的 cellspace和cellpadding都起的什么作用?区别是啥啊?最好举个例子
table标签的 cellspace和cellpadding都起的什么作用?区别是啥啊?最好举个例子
顾名思义,cellspace是单元格(cell)的空隙(space),单元格和单元格之前的空隙
cellpadding是单元格内文字和单元格边的距离
楼上已经说了具体含义,下面直接举例说明:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>cell</title>
</head>
<body>
<table width="300" cellspacing=10 border="1" bordercolor="#000000" cellpadding="1">
<tr>
<td width="150" >cellspacing=10</td>
<td width="100" >cellspacing=10</td>
</tr>
</table>
<table width="300" cellspacing=20 border="1" bordercolor="#000000" cellpadding="1">
<tr>
<td width="150" >cellspacing=20</td>
<td width="100" >cellspacing=20</td>
</tr>
</table>
<table width="300" cellspacing="0" border="1" bordercolor="#000000" cellpadding="20">
<tr>
<td width="150" >cellpadding=20</td>
<td width="100" >cellpadding=20</td>
</tr>
</table>
<table width="300" cellspacing="0" border="1" bordercolor="#000000" cellpadding="10">
<tr>
<td width="150" >cellpadding=10
</td>
<td width="100" >cellpadding=10
</td>
</tr>
</table>
</body>
</html>
以上来自菜鸟教程,我想应该很清楚了,border(包括在内)以内 是一个盒子
cellspacing和cellpadding虽然是写在table标签的,但它生效的对象是table内的th和td,以td为例,cellspacing相当于td的margin,cellpadding是他的padding
cellspace 单元格的外边距;cellpadding 单元格的内边距
<table border="1">
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
</table>
<table cellspacing="0" border="1">
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
</table>
<table cellpadding="20" border="1">
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
</table>