So legen Sie den Tabellenrahmenstil mit CSS fest

Heute erkläre ich Ihnen, wie Sie den Rahmenstil der TabelleTabelle mit CSS festlegen. Es gibt vier Situationen beim Festlegen von Rahmen im CSS-Stil. Im Folgenden wird ausführlich erläutert, wie Sie mit diesen vier Situationen umgehen .

1. Grenzen für Tabelle festlegen

3. Tabellenränder für Tabelle und td festlegen

4 der Hintergrund für Tabelle und TD, um perfekte Tabellenränder zu erzielen

Im Folgenden finden Sie eine Erklärung und Falldemonstration der oben genannten verschiedenen HTML-Tabellenrandstile. Um die Beobachtung zu erleichtern, setzt divcss5 alle Falltabellen auf einen durchgehenden roten Rand von 1 Pixel; die Tabellenbreite beträgt drei Spalten und drei Zeilen. Für die oben genannten vier Fälle wird ein Div-Feld hinzugefügt Ebene der Tabelle, und die CSS-Namen sind „.table-a“, „.table-b“, „.table-c“, „.table-d“.

Legen Sie nur den Rand auf der Tabellenbeschriftung fest

Legen Sie nur den Rahmenstil auf der Tabellenbeschriftung fest, wodurch die äußerste Tabelle der Tabelle einen Rand erhält . Innerhalb der Tabelle wird kein Rahmenstil generiert.

Die Falldetails lauten wie folgt:

1. Entsprechender CSS-Code

2. Entsprechender HTML-Codeausschnitt

<style> 
.table-a table{border:1px solid #F00} 
/* css注释：只对table标签设置红色边框样式 */ 
</style>

CSS zu Legen Sie den Tischrandstil fest. Dies sind die Methoden, die Sie benötigen. Bitte achten Sie auch weiterhin auf andere

<div class="table-a"> 
<table width="400" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td width="105">站名</td> 
<td width="181">网址</td> 
<td width="112">说明</td> 
</tr> 
<tr> 
<td>PHP</td> 
<td>www.php.cn</td> 
<td>php</td> 
</tr> 
<tr> 
<td>php</td> 
<td>www.php.cn</td> 
<td>php</td> 
</tr> 
</table> 
</div>

Updates

dieser Website. Verwandte Lektüre:

So legen Sie das Randattribut von CSS fest

Legen Sie den Hintergrund fest Farbe von DIV Welche Methoden gibt es?

So verwenden Sie DIV+CSS

Das obige ist der detaillierte Inhalt vonSo legen Sie den Tabellenrahmenstil mit CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!