Heim  >  Artikel  >  Web-Frontend  >  Border-Collapse-Randzusammenführung der CSS-Eigenschaftstabelle

Border-Collapse-Randzusammenführung der CSS-Eigenschaftstabelle

高洛峰
高洛峰Original
2016-10-09 16:21:191149Durchsuche

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


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn