table標(biāo)簽的cellspacing屬性有什么用？一篇文章讓你知道cellspacing屬性
發(fā)表時(shí)間：2023-09-02 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]本篇文章主要的介紹了關(guān)于HTML table表格標(biāo)簽的cellspacing屬性的作用實(shí)例，用實(shí)例解析了關(guān)于HTML table表格標(biāo)簽的cellspacing屬性屬性值和語(yǔ)法規(guī)范。接下來(lái)我們一起來(lái)看看這篇文章吧首先我們看看HTML table表格標(biāo)簽的cellspacing屬性有什么用：cell...
本篇文章主要的介紹了關(guān)于HTML table表格標(biāo)簽的cellspacing屬性的作用實(shí)例，用實(shí)例解析了關(guān)于HTML table表格標(biāo)簽的cellspacing屬性屬性值和語(yǔ)法規(guī)范。接下來(lái)我們一起來(lái)看看這篇文章吧
首先我們看看HTML table表格標(biāo)簽的cellspacing屬性有什么用：
cellspacing屬性規(guī)定單元格之間的空間。
注釋?zhuān)赫?qǐng)勿將該屬性與cellpadding屬性相混淆，cellpadding屬性規(guī)定的是單元邊沿與單元內(nèi)容之間的空間。
cellspacing屬性的屬性值：
pixels ： 規(guī)定單元之間的空間。
下面我們看一個(gè)實(shí)例：
下面的例子把表格單元格間距設(shè)置為20像素：
<table border="5" cellspacing="20">
<tr>
<th>表頭</th>
<th>表頭1</th>
</tr>
<tr>
<td>PHP中文網(wǎng)</td>
<td>200</td>
</tr>
</table>我把cellspacing的屬性值設(shè)為了20，來(lái)看看效果：
這圖這個(gè)也很清楚，不過(guò)為了更好的觀(guān)察，我們?cè)賮?lái)一個(gè)別的實(shí)例：
<html>
<head>
<title>php中文網(wǎng)</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>現(xiàn)在我們?cè)賮?lái)看看效果是什么：
這個(gè)效果是不是很明顯，單元格間距設(shè)置為20像素，寬度也加寬了不少，這樣看著就很清楚了。
關(guān)于HTML table表格標(biāo)簽的cellspacing屬性總結(jié)：
這個(gè)table表格標(biāo)簽當(dāng)中的cellspacing屬性用法就是這樣用的，平常的時(shí)候我們用表格想把做的好看點(diǎn)，就需要用得到cellspacing屬性，這屬性來(lái)填充內(nèi)方框比用別的東西填充好多了，雖然現(xiàn)在的HTML5不支持這個(gè)屬性了，但是在日常不是HTML中，個(gè)人還是比較喜歡這個(gè)屬性的。
好了本篇文章到這也就結(jié)束了（想學(xué)更多歡迎來(lái)到PHP中文網(wǎng)，這里有你想學(xué)的任何編程語(yǔ)言的免費(fèi)在線(xiàn)教程。），有問(wèn)題可以在下方留言。
【小編推薦】
html header標(biāo)簽和footer標(biāo)簽區(qū)別的兩點(diǎn)總結(jié)（附元素區(qū)別實(shí)例）
HTML button標(biāo)簽是否有超鏈接？這有button標(biāo)簽設(shè)置超鏈接的實(shí)例
以上就是table標(biāo)簽的cellspacing屬性有什么用？一篇文章讓你了解cellspacing屬性的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
