table標簽的cellspacing屬性有什么用?一篇文章讓你知道cellspacing屬性
發表時間:2023-09-02 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本篇文章主要的介紹了關于HTML table表格標簽的cellspacing屬性的作用實例,用實例解析了關于HTML table表格標簽的cellspacing屬性屬性值和語法規范。接下來我們一起來看看這篇文章吧首先我們看看HTML table表格標簽的cellspacing屬性有什么用:cell...
本篇文章主要的介紹了關于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中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。