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

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

(*-*)浩
(*-*)浩Original
2019-11-28 14:29:395252Durchsuche

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>

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!

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