用html做一个月度计划表,安排每一天的活动,样式简洁,可添加日程
时间: 2024-03-10 12:47:28 浏览: 167
好的,下面是一个用 HTML 制作的月度计划表,安排每一天的活动,样式简洁,可添加日程。您可以根据自己的需求进行修改和美化。
```
<!DOCTYPE html>
<html>
<head>
<title>月度计划表</title>
<style>
table {
border-collapse: collapse;
margin: 20px;
width: 100%;
max-width: 800px;
}
th, td {
border: 1px solid black;
padding: 10px;
text-align: center;
vertical-align: top;
}
th {
background-color: #ddd;
}
thead {
font-weight: bold;
}
textarea {
width: 100%;
height: 80px;
box-sizing: border-box;
}
</style>
</head>
<body>
<h1>月度计划表</h1>
<table>
<thead>
<tr>
<th>日期</th>
<th>星期</th>
<th>计划安排</th>
</tr>
</thead>
<tbody>
<tr>
<td>1日</td>
<td>星期一</td>
<td><textarea></textarea></td>
</tr>
<tr>
<td>2日</td>
<td>星期二</td>
<td><textarea></textarea></td>
</tr>
<!-- …… -->
<tr>
<td>31日</td>
<td>星期三</td>
<td><textarea></textarea></td>
</tr>
</tbody>
</table>
</body>
</html>
```
这是一个简单的表格形式,其中包含日期、星期和计划安排等几个方面的内容。每个日期的计划安排使用 `<textarea>` 标签,可以方便地添加日程并显示多行文本。您可以根据需要添加更多的信息和样式。
阅读全文