<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1" width="50%" align="center">
<caption>年终数据报表</caption>
<!--表头 自动居中-->
<thead bgcolor="aquamarine">
<!--表头上半部分颜色表示-->
<tr>
<th>1</th>
<!--th表示框内字体加粗-->
<th>2</th>
</tr>
</thead>
<tbody bgcolor="cornflowerblue">
<!--表格中间部位颜色表示-->
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
</tbody>
<tfoot bgcolor="yellow">
<!--表格后半部分颜色表示-->
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
</tfoot>
<input type="submit"value="登录" style="width: 100px;height: 30px;background: mediumvioletred;color: azure;" />
<!--表示提交按钮 后面表示按钮的宽和高 框内填充的颜色 框内字体的颜色-->
</table>
</body>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
