溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html中table標(biāo)簽之cellspacing屬性的作用

發(fā)布時間:2020-12-05 10:11:23 來源:億速云 閱讀:257 作者:小新 欄目:web開發(fā)

這篇文章給大家分享的是有關(guān)html中table標(biāo)簽之cellspacing屬性的作用的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。

首先我們看看HTML table表格標(biāo)簽的cellspacing屬性有什么用:

cellspacing屬性規(guī)定單元格之間的空間。

注釋:請勿將該屬性與cellpadding屬性相混淆,cellpadding屬性規(guī)定的是單元邊沿與單元內(nèi)容之間的空間。

cellspacing屬性的屬性值:

pixels :  規(guī)定單元之間的空間。

下面我們看一個實例:

下面的例子把表格單元格間距設(shè)置為20像素:

<table border="5" cellspacing="20">
  <tr>
    <th>表頭</th>
    <th>表頭1</th>
  </tr>
  <tr>
    <td>億速云</td>
    <td>200</td>
  </tr>
</table>

我們再來一個別的實例:

<html>
   <head>
       <title>億速云</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)在我們再來看看效果是什么:

html中table標(biāo)簽之cellspacing屬性的作用

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

關(guān)于HTML table表格標(biāo)簽的cellspacing屬性總結(jié):

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

感謝各位的閱讀!關(guān)于html中table標(biāo)簽之cellspacing屬性的作用就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI