本篇文章主要的介紹了關於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,這裡有你想學的任何程式設計語言的免費線上教程。),有問題可以在下方留言。