Border-Collapse-Randzusammenführung der CSS-Eigenschaftstabelle

Beschreibung

Mit dieser CSS-Eigenschaft wird festgelegt, ob die Zeilen- und Spaltenränder der Tabelle zu einem einzigen Rahmen zusammengefasst werden oder ob sie separate

separate Standardwerte haben. Die Grenzen werden getrennt, nicht zusammengeführt.
Grenzen reduzieren, verschmelzen. Das heißt, wenn sie benachbart sind, haben sie dieselbe Grenze.

Obwohl das Gewicht von Tabellen in der DIV-CSS-Ära immer geringer wird, sind Tabellen in lokalen Bereichen manchmal immer noch sehr nützlich

Besonders bei der Tabellierung sind Tabellen praktischer.
Natürlich sind Ränder für die Tabellierung unverzichtbar, aber wenn Sie Ränder direkt zu td hinzufügen, entsteht die Situation, dass die Tabelle außen eine einzelne Linie und innen doppelte Linien hat.

Sie können alle einzelnen Linien auch durch andere separate Einstellungen erreichen, aber hier ist die einfachste Methode, mit der CSS das Zusammenführen oder Zusammenführen verbundener Grenzen steuern kann 🎜>

CSS-Code

<style>
<!--
table{ width:300px;     border-collapse:collapse;     overflow:hidden;} tr{ white-space:0;} td{ height:30px; border:#333333 solid 1px;}-->
<style>

<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>index</td>
<td>index</td>
<td>index</td>
</tr>
<tr>
<td>index</td>
<td>index</td>
<td>index</td>
</tr>
<tr>
<td>index</td>
<td>index</td>
<td>index</td>
</tr>
</tbody>
</table>

Referenzlesung:

http://www.manongjc.com/article/1211 html

http://www.manongjc.com/article/1212.html