我們使用內聯樣式屬性，在HTML中設定單元格填充。儲存格填滿是表格的儲存格邊框與儲存格內內容之間的空間。樣式屬性用於HTML的
標籤內，使用CSS屬性padding並指定像素值。
Syntax
Following is the syntax to set cell padding in HTML.
<th style="padding: 40px">table header </th>
登入後複製
Example
的中文翻譯為：範例
Following is an example program to set cell padding 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>
登入後複製
Example
的中文翻譯為：範例
以下是另一個設定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>
登入後複製
Example
的中文翻譯為：範例
Following is one more example program to set cell padding 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>
登入後複製
以上是如何在HTML中設定單元格內邊距？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
