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>
<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>
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+CSSDas 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!