Heim > Artikel > Web-Frontend > 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 htmlhttp://www.manongjc.com/article/1212.html