table是什么？它是由一个个cell单元格构成的，在表格中，的个数取决于每行中包裹的cell单元格个数！此外，默认table表格在没有添加css样式table tr td,th{border:1px solid #000;}之前,在浏览器中显示是没有表格线的；</p> <p>html中常见table写法:A.<tr>…</tr>:表格的一行,有几对tr表格就有几行； B.<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列； C.<th>…</th>:表格的头部的一个单元格,表格表头,文本默认为粗体并且居中显示；D.<table summary="表格简介文本">/*摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。*/ E.caption标签,为表格添加标题和摘要,标题用以描述表格内容，标题的显示位置：表格上方</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'> <table border="" cellspacing="" cellpadding=""> <tr><th>Header</th></tr> <tr><td>Data</td></tr> </table></pre><div class="contentsignin">登录后复制</div></div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><table border="" cellspacing="" cellpadding="" summary=""> <caption></caption> <tr><th>今天星期五/th></tr> <tr><td>today is Friday</td></tr> </table></pre><div class="contentsignin">登录后复制</div></div><p>言归正传，cellpadding 和cellspacing区别，先看下面一组表格图片与cellspacing代码的对比：</p><p style="text-align: center"><img alt="" src="https://img.php.cn/upload/article/000/000/046/c760bf2a3b096203b15c661ad5197a6a-0.png"/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>table中cellspacing的区别</title> <style type="text/css"> table{ margin-bottom: 50px; } .ceshi{ border-spacing: 20px; /*Specifies the distance between the borders of adjoining cells in a table. */ } 第一个单元格 测试1 测试2 测试3 第二个单元格 测试1 测试2 测试3 第三个单元格 测试1 测试2 测试3
