cellspacing(html中table标签之cellspacing属性的作用)

发布时间:2025-12-11 00:17:05 浏览次数:11

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

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

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

cellspacing属性的属性值:

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

下面我们看一个实例:

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

<table border="5" cellspacing="20">  <tr>    <th>表头</th>    <th>表头1</th>  </tr>  <tr>    <td>本站</td>    <td>200</td>  </tr></table>

我们再来一个别的实例:

<html>   <head>       <title>本站</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>

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

这个效果是不是很明显,单元格间距设置为20像素,宽度也加宽了不少,这样看着就很清楚了。

关于HTML table表格标签的cellspacing属性总结:

这个table表格标签当中的cellspacing属性用法就是这样用的,平常的时候我们用表格想把做的好看点,就需要用得到cellspacing属性,这属性来填充内方框比用别的东西填充好多了,虽然现在的HTML5不支持这个属性了,但是在日常不是HTML中,个人还是比较喜欢这个属性的。

感谢各位的阅读!关于html中table标签之cellspacing属性的作用就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!

cellspacing
需要做网站?需要网络推广?欢迎咨询客户经理 13272073477