Detaillierte Erläuterung der Verwendung von CSS Border-Collapse

• Name: border-collapse
  Kategorie: Tabelle
  Kurzbeschreibung: Legen Sie fest, ob die Kanten von Zeilen und Zellen zusammengeführt werden
  Übersicht: Mit border-collapse wird festgelegt, ob zwischen den Tabellenzeilen ein Abstand Der Abstand zwischen und kann in der Tabelle durch border="xxx" und "cellspacing" erreicht werden. Mit anderen Worten: Wenn „border-collapse“ auf „collapse“ eingestellt ist, haben die Attribute „border“ und „cellspacing“ der Tabelle selbst keine Auswirkung.

• Syntax:
  

  Wert:

  separate : Standardwert. Grenzen unabhängig (Standard-HTML)
  Einklappen : Angrenzende Kanten werden zusammengeführt

• border-collapse : separate | collapse

Beispiel 1:
Code:

Anzeigeeffekt:

• <table 
  width
  ="200" border="1" cellspacing="3" cellpadding="2" style="border-collapse:collapse">
    <tr>
      <td> </td>
      <td> </td>
    </tr>
    <tr>
      <td> </td>
      <td> </td>
    </tr>
  </table>

Beispiel 2:
Code:

<table width="200" border="1" cellspacing="3" cellpadding="2" style="border-collapse: separate">
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>

Display The Wirkung ist:

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung von CSS Border-Collapse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!