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

來源:互聯網
上載者:User
本篇文章主要的介紹了關於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>topic.alibabacloud.com</td>    <td>200</td>  </tr></table>

我把cellspacing的屬性值設為了20,來看看效果:

這圖這個也很清楚,不過為了更好的觀察,我們再來一個別的執行個體:

<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>

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

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

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

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

好了本篇文章到這也就結束了(想學更多歡迎來到topic.alibabacloud.com,這裡有你想學的任何程式設計語言的免費線上教程。),有問題可以在下方留言。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.