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>
Nach dem Login kopieren
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>
Nach dem Login kopieren
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>
Nach dem Login kopieren
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>
Nach dem Login kopieren
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!
