|
本篇文章主要的介绍了关于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>爱上源码网</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属性的详细内容，更多请关注爱上源码网其它相关文章！
微信
分享
相关标签：cellspacing table html
本文原创发布爱上源码网，转载请注明出处，感谢您的尊重！
- 上一篇：html table表格标签内容如何居中显示？表格的align属性的用法介绍
- 下一篇：html i是什么标签？html i标签的使用方法总结
相关文章
相关视频
- HTML cellpadding与cellspac...
- HTML cellpadding与cellspac...
- HTML cellpadding与cellspac...
- CSS中border-spacing和cellsp...
- HTML的cellpadding属性与cellsp...
- table标签的cellspacing属性有什么用...
- table与setTable方法
- tableView的的基本认识
- QQ聊天布局-UITableView细节调整
- 表格table（1）
本文有爱上源码下载完入驻作者发布，如果对您版权造成侵害，可以联系本站站长管理进行维权删除，本站收到维权24小时内进行处理，谢谢您关注23ym.cn！
本站分享大量程序员技术文章以及对编程开发的初级入门教程，包括图文讲解笔记和高清视频下载~ | 
