<!DOCTYPE html>
<html>
<!-- td 表示列 table表示表格-->
<!-- padding 表示填充/所占的空间大小或比例-->
<!--设置表格的边框是否被合并为一个单一的边框:collapse 表示合成一个边框-->
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
table,
td {
border: 1px solid blue;
}
td {
background-color: red;
color: yellow;
text-align: left;
vertical-align: bottom;
padding: 30px;
}
table {
width: 200px;
height: 100px;
border-collapse: collapse;
}
caption {
caption-side: bottom
}
</style>
</head>
<body>
<table>
<caption>我是标题</caption>
<tr>
<td>one</td>
<td>two</td>
</tr><!--以上为第一行 以下为第二行-->
<tr>
<td>thtee</td>
<td>four</td>
</tr>
</table>
</body>
</html>
来源：https://www.cnblogs.com/emma-zhu/p/11826354.html