table标签的cellspacing属性有什么用？一篇文章让你了解cellspacing属性

互联网 18-8-31

本篇文章主要的介绍了关于HTML table表格标签的cellspacing属性的作用实例，用实例解析了关于HTML table表格标签的cellspacing属性属性值和语法规范。接下来我们一起来看看这篇文章吧

首先我们看看HTML table表格标签的cellspacing属性有什么用：

cellspacing属性规定单元格之间的空间。

注释：请勿将该属性与cellpadding属性相混淆，cellpadding属性规定的是单元边沿与单元内容之间的空间。

cellspacing属性的属性值：

pixels ：规定单元之间的空间。

下面我们看一个实例：

下面的例子把表格单元格间距设置为20像素：

<table border="5" cellspacing="20">   <tr>     <th>表头</th>     <th>表头1</th>   </tr>   <tr>     <td>PHP中文网</td>     <td>200</td>   </tr> </table>

我把cellspacing的属性值设为了20，来看看效果：

这图这个也很清楚，不过为了更好的观察，我们再来一个别的实例：

<html>    <head>        <title>php中文网</title>            </head>     <meta charset="utf-8">     <body>         <table border="5" cellspacing="20" width="300">         <tr>         <td>11</td>                 <td>12</td>                 <td>13</td>         </tr>         <tr>         <td>21</td>                 <td>22</td>                 <td>23</td>         </tr>          </table>     </body> </html>

现在我们再来看看效果是什么：