科技知識動態:table標簽的cellspacing屬性有什么用?一篇文章讓你了解cellspacing屬性

導讀跟大家講解下有關table標簽的cellspacing屬性有什么用?一篇文章讓你了解cellspacing屬性,相信小伙伴們對這個話題應該也很關注吧,現在就

跟大家講解下有關table標簽的cellspacing屬性有什么用?一篇文章讓你了解cellspacing屬性,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說table標簽的cellspacing屬性有什么用?一篇文章讓你了解cellspacing屬性,小編也收集到了有關table標簽的cellspacing屬性有什么用?一篇文章讓你了解cellspacing屬性的相關資料,希望大家看到了會喜歡。

本篇文章主要的介紹了關于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,來看看效果:

tuyi.png

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

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

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

tuer.png

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

關于HTML table表格標簽的cellspacing屬性總結:

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

好了本篇文章到這也就結束了(想學更多歡迎來到PHP中文網,這里有你想學的任何編程語言的免費在線教程。),有問題可以在下方留言。

【小編推薦】

html header標簽和footer標簽區別的兩點總結(附元素區別實例)

HTML button標簽是否有超鏈接?這有button標簽設置超鏈接的實例

以上就是table標簽的cellspacing屬性有什么用?一篇文章讓你了解cellspacing屬性的詳細內容,更多請關注php中文網其它相關文章!

來源:php中文網

免責聲明:本文由用戶上傳,如有侵權請聯系刪除!