Wir verwenden Inline-Stilattribute, um den Zellenabstand in HTML festzulegen. Der Zellabstand ist der Abstand zwischen den Zellrändern einer Tabelle und dem Inhalt innerhalb der Zelle. Das style-Attribut wird innerhalb des HTML-Tags
verwendet, wobei das CSS-Attribut padding verwendet und der Pixelwert angegeben wird.
Syntax
Im Folgenden finden Sie die Syntax zum Festlegen des Zellenabstands in HTML.
<th style="padding: 40px">table header </th>
Die chinesische Übersetzung von Beispiel
lautet: Beispiel
Im Folgenden finden Sie ein Beispielprogramm zum Festlegen des Zellenabstands in HTML
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>Programming Language</h1>
<table>
<tr>
<th style="padding:10px">Language</th>
</tr>
<tr>
<td style="padding:10px">Ruby</td>
</tr>
</table>
</body>
</html>
Die chinesische Übersetzung von Beispiel
lautet: Beispiel
Das Folgende ist ein weiteres Beispielprogramm zum Festlegen des Zellenabstands in HTML.
<!DOCTYPE html>
<html>
<style>
table,tr,th,td {
border:1px solid black;
}
</style>
<body>
<h2>Tables in HTML</h2>
<table style="width: 100%">
<tr>
<th style="padding: 40px">Name </th>
<th>Job role</th>
</tr>
<tr>
<td>Tharun</td>
<td style="padding: 10px">Content writer</td>
</tr>
<tr>
<td>Akshaj</td>
<td style="padding: 10px">Content writer</td>
</tr>
</table>
</body>
</html>
Die chinesische Übersetzung von Beispiel
lautet: Beispiel
Im Folgenden finden Sie ein weiteres Beispielprogramm zum Festlegen des Zellenabstands in HTML
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
</style>
</head>
<body>
<table style="width:60%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>salary</th>
</tr>
<tr>
<td>John</td>
<td>Smith</td>
<td>50,000</td>
</tr>
<tr>
<td>Eva</td>
<td>Jackson</td>
<td>94,000</td>
</tr>
<tr>
<td>Mike</td>
<td>Doe</td>
<td>80,000</td>
</tr>
</table>
</body>
</html>
Das obige ist der detaillierte Inhalt vonWie stelle ich den Zellenabstand in HTML ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
