一、表格
1.代码
<style>
table {
border-collapse: collapse;
border: aqua 1px solid;
}
.t1 {
background-color: brown;
}
.t2 {
text-align: center;
}
</style>
</head>
<body>
<table border="1">
<tr class="t1">
<th colspan="2">日期</th>
<th colspan="2">天气现象</th>
<th>气温</th>
<th>风向</th>
<th>风力</th>
</tr>
<tr class="t3">
<td rowspan="2">22日星期五</td>
<td>白天</td>
<td>太阳</th>
<td class="t2">晴间多云</td>
<td>高温7°</td>
<td>无持续风向</td>
<td>微风</td>
</tr>
<tr>
<td>夜间</td>
<td>月亮</td>
<td class="t2">晴</td>
<td>低温-4°</td>
<td>无持续风向</td>
<td>微风</td>
</tr>
<tr>
<td rowspan="2">23日星期六</td>
<td>白天</td>
<td>太阳</td>
<td class="t2">晴</td>
<td>高温9°</td>
<td>无持续风向</td>
<td>微风</td>
</tr>
<tr>
<td>夜间</td>
<td>多云</td>
<td class="t2">阴</td>
<td>低温-2°</td>
<td>无持续风向</td>
<td>微风</td>
</tr>
</table>
</body>
2.读出数据
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a8fdf09cb4de817f4fa12f0c4f590b6e.png#pic_center)
二、表单
1.代码
<style>
*{
padding: 0;
margin: 0