百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> table标签的cellspacing属性有什么用?一篇文章让你理解cellspac
分享文章到:

table标签的cellspacing属性有什么用?一篇文章让你理解cellspac

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章主要的介绍了关于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,来看看结果:

tuyi.png

这图这个也很分明,不外为了更好的视察,我们再来一一般的实例:

<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>

此刻我们再来看看结果是啥:

tuer.png

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

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

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

好了本篇文章到这也就完毕了(想学更多欢迎来到PHP中文网,这里有你想学的任何编程说话的免费在线教程。),有问题可以鄙人方留言。

【小编引荐】

html header标签和footer标签不同的两点总结(附元素不同实例)

HTML button标签可否有超链接?这有button标签设定超链接的实例

以上就是table标签的cellspacing属性有什么用?一篇文章让你理解cellspacing属性的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板