Heim > Artikel > Web-Frontend > So fügen Sie einer neuen Tabelle in HTML einen Hintergrund hinzu
So fügen Sie einer neuen Tabelle in HTML einen Hintergrund hinzu
- 醉折花枝作酒筹Original
- 2021-06-07 11:33:005961Durchsuche
In HTML können Sie das Hintergrundattribut verwenden, um den Hintergrund in einer neuen Tabelle festzulegen. Sie müssen nur den „Hintergrund: Attributwert“ auf das Tabellenelement festlegen. Das Hintergrundattribut legt alle Hintergrundeigenschaften in einer Anweisung fest. Sie können das Objekt auf eine einfarbige Hintergrundfarbe festlegen oder ein Bild als Hintergrund festlegen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Die Farbeinstellung der Tabelle ist sehr einfach und entspricht genau der Einstellung der Textfarbe.
CSS legt den Hintergrund der Tabelle über das Hintergrundattribut fest; legt die Farbe des Textes in der Tabelle über das Farbattribut fest.
Beispiel:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
background-color: #ebf5ff;
margin: 0px;
padding: 4px;
text-align: center;
}
table {
background: pink;
color: white;
}
</style>
</head>
<body>
<table border="1">
<tr>
<th>NAME</th>
<th>AGE</th>
<th>NUMBER</th>
</tr>
<tr>
<td rowspan="2">xm</td>
<td>10</td>
<td>2020</td>
</tr>
<tr>
<td>3</td>
<td>2021</td>
</tr>
<tr>
<td>xf</td>
<td>4</td>
<td>2010</td>
</tr>
</table>
</body>
</html>Effekt:
Empfohlenes Lernen: HTML-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo fügen Sie einer neuen Tabelle in HTML einen Hintergrund hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!