这是一个关于HTML的一个问题

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>

图片说明