table標籤的cellspacing屬性有什麼用？一篇文章讓你了解cellspacing屬性-html教學-PHP中文網

首頁

web前端

html教學

table標籤的cellspacing屬性有什麼用？一篇文章讓你了解cellspacing屬性

寻∝梦

Aug 31, 2018 am 11:45 AM

cellspacinghtmltable

本篇文章主要的介紹了關於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，來看看效果：

table標籤的cellspacing屬性有什麼用？一篇文章讓你了解cellspacing屬性

這圖這個也很清楚，不過為了更好的觀察，我們再來一個別的實例：

<html>
   <head>
       <title>php中文网</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>

現在我們再來看看效果是什麼：

table標籤的cellspacing屬性有什麼用？一篇文章讓你了解cellspacing屬性

這個效果是不是很明顯，單元格間距設定為20像素，寬度也加寬了不少，這樣看著就很清楚了。

關於HTML table表格標籤的cellspacing屬性總結：

這個table表格標籤當中的cellspacing屬性用法就是這樣用的，平常的時候我們用表格想把做的好看點，就需要用得到cellspacing屬性，這屬性來填充內方框比用別的東西填充好多了，雖然現在的HTML5不支持這個屬性了，但是在日常不是HTML中，個人還是比較喜歡這個屬性的。

好了這篇文章到這也就結束了（想學更多歡迎來到PHP中文網，這裡有你想學的任何程式語言的免費線上教學。），有問題可以在下方留言。

【小編推薦】

html header標籤與footer標籤差異的兩點總結（附元素區別實例）

HTML button標籤是否有超連結？這有button標籤設定超連結的實例

以上是table標籤的cellspacing屬性有什麼用？一篇文章讓你了解cellspacing屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

HTML與CSS vs. JavaScript：比較概述Apr 16, 2025 am 12:04 AM

HTML、CSS和JavaScript在網頁開發中的角色分別是：HTML負責內容結構，CSS負責樣式，JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容，確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式，使其美觀易讀。 3.JavaScript通過腳本控製網頁行為，實現動態和交互功能。

HTML：是編程語言還是其他？Apr 15, 2025 am 12:13 AM

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1）htmlStructures andFormatSwebContentusingtags.2）itworkswithcsssforstylingandjavascript for Interactivity，增強WebevebDevelopment。

HTML：建立網頁的結構Apr 14, 2025 am 12:14 AM

HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義，使用、、等標籤。 2.提供語義化標記，如、、等，提升SEO效果。 3.通過標籤實現用戶交互，需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號，需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。

從文本到網站：HTML的力量Apr 13, 2025 am 12:07 AM

HTML是一種用於構建網頁的語言，通過標籤和屬性定義網頁結構和內容。 1）HTML通過標籤組織文檔結構，如、。 2）瀏覽器解析HTML構建DOM並渲染網頁。 3）HTML5的新特性如、、增強了多媒體功能。 4）常見錯誤包括標籤未閉合和屬性值未加引號。 5）優化建議包括使用語義化標籤和減少文件大小。

了解HTML，CSS和JavaScript：初學者指南Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

HTML的角色：構建Web內容Apr 11, 2025 am 12:12 AM

HTML的作用是通過標籤和屬性定義網頁的結構和內容。 1.HTML通過到、等標籤組織內容，使其易於閱讀和理解。 2.使用語義化標籤如、等增強可訪問性和SEO。 3.優化HTML代碼可以提高網頁加載速度和用戶體驗。

HTML和代碼：仔細觀察術語Apr 10, 2025 am 09:28 AM

htmlisaspecifictypefodyfocusedonstructuringwebcontent，而“代碼” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1）htmldefineswebpagertuctureduseTags.2）“代碼”代碼“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract