跟大家講解下有關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,來看看效果:
這圖這個也很清楚,不過為了更好的觀察,我們再來一個別的實例:
<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中,個人還是比較喜歡這個屬性的。
好了本篇文章到這也就結束了(想學更多歡迎來到PHP中文網,這里有你想學的任何編程語言的免費在線教程。),有問題可以在下方留言。
【小編推薦】
html header標簽和footer標簽區別的兩點總結(附元素區別實例)
HTML button標簽是否有超鏈接?這有button標簽設置超鏈接的實例
以上就是table標簽的cellspacing屬性有什么用?一篇文章讓你了解cellspacing屬性的詳細內容,更多請關注php中文網其它相關文章!
來源:php中文網