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 src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/046/c760bf2a3b096203b15c661ad5197a6a-0.png" class="lazy" alt=""/></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