table标签的cellspacing属性有什么用?一篇文章让你理解cellspac
第一我们看看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>百分百源码网</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中,个人还是比力喜爱这个属性的。
好了本篇文章到这也就完毕了(想学更多欢迎来到PHP中文网,这里有你想学的任何编程说话的免费在线教程。),有问题可以鄙人方留言。
【小编引荐】
html header标签和footer标签不同的两点总结(附元素不同实例)
HTML button标签可否有超链接?这有button标签设定超链接的实例
以上就是table标签的cellspacing属性有什么用?一篇文章让你理解cellspacing属性的具体内容,更多请关注百分百源码网其它相关文章!