这篇文章给大家分享的是有关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>亿速云</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属性的作用就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。