So setzen Sie Tabellenränder für Tabelle und TD gekonnt

Viele Freunde machen sich Sorgen darüber, wie sie den Stil des Tisches gestalten sollen. Ich habe bereits erwähnt, dass Rahmen für die Tabelle und Rahmen für td festgelegt werden. Heute werde ich Ihnen Tipps zum Festlegen von Tabellenrändern für Tabellen und Tabellen geben. Wir werden auch in Zukunft weiterhin Tipps und Einstellungen zu Tabellen aktualisieren, also achten Sie bitte weiterhin darauf. Legen Sie den linken und oberen Rand für td fest, sodass td und td nebeneinander liegen und nur ein einziger Randstil angezeigt wird. Auf diese Weise werden am rechten und unteren Rand der Tabelle keine Ränder angezeigt Dieses Mal legen wir den rechten und unteren Rand der Tabelle fest, um das Problem zu lösen. Die rechten und unteren Seiten der Anzeige bleiben mit nicht angezeigten Rändern zurück.

1. Entsprechender CSS-Code:

2. Entsprechendes HTML-Quellcodefragment:

<style> 
.table-c table{border-right:1px solid #F00;border-bottom:1px solid #F00} 
.table-c table td{border-left:1px solid #F00;border-top:1px solid #F00} 
/* 
只对table td设置左与上边框，对table设置右与下边框； 
*/ 
</style>

So setzen Sie Tabellenränder für Tabelle und td , hast du es gelernt?

<div class="table-c"> 
<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.divcss5.com</td> 
<td>PHP</td> 
</tr> 
<tr> 
<td>PHP</td> 
<td>www.php.cn</td> 
<td>PHP</td> 
</tr>

Verwandte Lektüre:

So verwenden Sie CSS, um Grenzen für td festzulegen

Anleitung Verwenden Sie nur CSS. Legen Sie Rahmen für Tabellenbeschriftungen fest.

Verwenden Sie DIV und CSS, um Dropdown-Menüs zu erstellen.

Das obige ist der detaillierte Inhalt vonSo setzen Sie Tabellenränder für Tabelle und TD gekonnt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!