Heim > Web-Frontend > CSS-Tutorial > Welche Eigenschaften werden zum Festlegen von CSS-Tabellenrändern verwendet?

Welche Eigenschaften werden zum Festlegen von CSS-Tabellenrändern verwendet?

(*-*)浩
Freigeben: 2019-11-28 14:29:39
Original
5326 Leute haben es durchsucht

Welche Eigenschaften werden zum Festlegen von CSS-Tabellenrändern verwendet?

Tabellenrand

Um den Tabellenrand in CSS festzulegen, verwenden Sie bitte das border-Attribut. (Empfohlenes Lernen: CSS-Einführungs-Tutorial)

Das folgende Beispiel legt blaue Rahmen für Tabelle, th und td fest:

<html>
<head>
<style type="text/css">
table,th,td
{
border:1px solid blue;
}
</style>
</head>

<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>
</body>
</html>
Nach dem Login kopieren

Hinweis dass die Tabelle im obigen Beispiel einen doppelten Linienrand hat. Dies liegt daran, dass die Elemente table, th und td unabhängige Ränder haben.

Wenn Sie die Tabelle als einzeiligen Rahmen anzeigen müssen, verwenden Sie bitte das Attribut „border-collapse“.

Das obige ist der detaillierte Inhalt vonWelche Eigenschaften werden zum Festlegen von CSS-Tabellenrändern verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage