首頁 > 文章 > web前端 > 如何去除html邊框間隙

如何去除html邊框間隙

醉折花枝作酒筹原創: 2021-06-07 11:01:447832瀏覽

在html中，可以使用cellspacing屬性即可去除邊框間隙，只需要給表格元素設定「cellspacing="0px"」樣式即可。 Cellspacing屬性控製表格中單一單元格之間的距離。此屬性可以改變不同相鄰單元格邊緣之間的空間。

如何去除html邊框間隙

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

<!DOCTYPE html>
<html>
  <head>
    <title>test</title>
  </head>
  <body>
    <table border="1">
      <tr>
        <th>NAME</th>
        <th>AGE</th>
        <th>NUMBER</th>
      </tr>
      <tr>
        <td>xm</td>
        <td>10</td>
        <td>2020</td>
      </tr>
      <tr>
        <td>xh</td>
        <td>3</td>
        <td>2021</td>
      </tr>
      <tr>
        <td>xf</td>
        <td>4</td>
        <td>2010</td>
      </tr>
    </table>
  </body>
</html>

顯示的效果：

如何去除html邊框間隙

// 在<table>标签中添加属性：
cellpadding="10px" cellspacing="0px"

顯示效果如下：

如何去除html邊框間隙

Cellpadding屬性

在內容和外圍邊界之間設定單元格空間的屬性稱為cellpadding。換句話說，透過cellpadding屬性管理單元格所圍繞的內容與單元格邊界之間的距離。此距離的單位可以隱含在HTML中的像素或百分比。

根據使用者的需要，cellpadding屬性值也可以是0值。它用於將文字彼此分開，從而改善外觀。

附註：較舊版本的HTML支援cellpadding指令，但較高版本的HTML5不允許使用cellpadding，因此替代CSS用於在需要時提供相同的格式。

Cellspacing屬性

Cellspacing屬性可以控製表格中單一儲存格之間的距離。透過使用此屬性，設計人員可以輕鬆地改變不同相鄰單元邊緣之間的空間。

Cellspacing屬性主要用於網頁設計。不同的語言對於cellspacing具有完全不同的語法，例如在CSS中使用“border-spacing”屬性，而在HTML中使用“cellspacing”。

擴充資料：

cellpadding和cellspacing之間的主要差異在於cellpadding用於固定儲存格邊緣與其內容之間的寬度，也就是在文字和儲存格邊框之間的儲存格內建立空白。而，cellspacing可以用來管理表格中單一儲存格之間的空間。

以上是如何去除html邊框間隙的詳細內容。更多資訊請關注PHP中文網其他相關文章！

html5 css css3 html border

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：eclipse怎麼設定html快捷鍵下一篇：eclipse怎麼設定html快捷鍵

看更多