![](https://i-blog.csdnimg.cn/blog_migrate/dac962637b5ad9d46c217d9abe04f6ab.png)
![](https://i-blog.csdnimg.cn/blog_migrate/55417b2a946c5daf3517e564b3dfc55e.png)
![](https://i-blog.csdnimg.cn/blog_migrate/fe4fc8c19641dae4fe5384638928d744.png)
![](https://i-blog.csdnimg.cn/blog_migrate/45d53c4f729abfe690200ba760d60f6e.png)
![](https://i-blog.csdnimg.cn/blog_migrate/79d6917357f218736410562ee6f8097a.png)
td {
text-align: center;
}
![](https://i-blog.csdnimg.cn/blog_migrate/ceba1716b2d5cd3c5d73ff15fa8beea7.png)
td {
text-align: center;
vertical-align: center;
padding: 20px;
}
![](https://i-blog.csdnimg.cn/blog_migrate/1441715411293cb29f5f69323b8b310a.png)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
table,
td {
border: 3px solid green;
}
table {
border-collapse: collapse;
/* width: 400px;
height: 400px; */
}
td {
text-align: center;
vertical-align: center;
padding: 20px;
background-color: blue;
color: yellow;
}
</style>
</head>
<body>
<table>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
</html>
![](https://i-blog.csdnimg.cn/blog_migrate/ae0632aaaba77cf958bb6175e616b851.png)