So entfernen Sie HTML-Randlücken-HTML-Tutorial-php.cn

So entfernen Sie HTML-Randlücken

醉折花枝作酒筹

Freigeben： 2023-01-06 11:16:41

Original

7847 Leute haben es durchsucht

In HTML können Sie das Attribut „cellspacing“ verwenden, um die Randlücke zu entfernen. Sie müssen lediglich den Stil „cellspacing="0px"“ für das Tabellenelement festlegen. Die Eigenschaft „Cellspacing“ steuert den Abstand zwischen einzelnen Zellen in einer Tabelle. Diese Eigenschaft ändert den Abstand zwischen den Rändern verschiedener benachbarter Zellen.

So entfernen Sie HTML-Randlücken

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

<!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>

Nach dem Login kopieren

Der angezeigte Effekt:

So entfernen Sie HTML-Randlücken

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

Nach dem Login kopieren

Der angezeigte Effekt ist wie folgt:

So entfernen Sie HTML-Randlücken

Cellpadding-Attribut

Das Attribut, das den Zellenabstand zwischen dem Inhalt und dem äußeren Rand festlegt, wird Cellpadding genannt. Mit anderen Worten: Der Abstand zwischen dem umgebenden Inhalt der Zelle und den Rändern der Zelle wird über die Eigenschaft cellpadding verwaltet. Die Einheiten für diesen Abstand können in HTML implizit als Pixel oder Prozentsätze angegeben werden.

Je nach Benutzeranforderungen kann der Wert des Cellpadding-Attributs auch 0 sein. Es dient dazu, Texte voneinander zu trennen und so das Erscheinungsbild zu verbessern.

Hinweis: Ältere Versionen von HTML unterstützen den Befehl „cellpadding“, neuere Versionen von HTML5 erlauben jedoch kein „cellpadding“. Daher wird bei Bedarf alternatives CSS verwendet, um die gleiche Formatierung bereitzustellen.

Cellspacing-Eigenschaft

Cellspacing-Eigenschaft kann den Abstand zwischen einzelnen Zellen in der Tabelle steuern. Mithilfe dieser Eigenschaft können Designer den Abstand zwischen den Rändern verschiedener benachbarter Zellen einfach ändern.

Cellspacing-Attribut wird hauptsächlich im Webdesign verwendet. Verschiedene Sprachen haben eine völlig unterschiedliche Syntax für den Zellenabstand, beispielsweise die Verwendung des Attributs „border-spacing“ in CSS und „cellspacing“ in HTML.

Erweiterung:

Der Hauptunterschied zwischen Cellpadding und Cellspacing besteht darin, dass Cellpadding verwendet wird, um die Breite zwischen dem Rand einer Zelle und ihrem Inhalt festzulegen, d. h. einen Leerraum innerhalb der Zelle zwischen dem Text und dem Zellrand zu erzeugen. Der Zellenabstand kann jedoch verwendet werden, um den Abstand zwischen einzelnen Zellen in einer Tabelle zu verwalten.

Das obige ist der detaillierte Inhalt vonSo entfernen Sie HTML-Randlücken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!