HTML表格例項
阿新 • • 發佈:2022-04-03
使用 Cell spacing 增加單元格之間的距離
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>部落格園</title>
</head>
<body>
<h4>沒有單元格間距:</h4>
<table border="1">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<h4>單元格間距="0":</h4>
<table border="1" cellspacing="0">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<h4>單元格間距="10":</h4>
<table border="1" cellspacing="10">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
</body>
</html>
使用 Cell padding 來建立單元格內容與其邊框之間的空白
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>部落格園</title>
</head>
<body>
<h4>沒有單元格邊距:</h4>
<table border="1">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
<h4>有單元格邊距:</h4>
<table border="1"
cellpadding="10">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
</body>
</html>