帮我写一段Dreamweaver课程表代码,要求标题为课程表并居中,周一到周日,上午和下午
时间: 2024-09-26 18:06:08 浏览: 47
HTML5七夕情人节表白网页制作【一起跨年表白代码】HTML+CSS+JavaScript
当然可以,下面是一个简单的HTML和CSS代码示例,用于创建一个基本的Dreamweaver课程表,标题居中显示:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
.centered-table {
margin: auto;
width: 80%; /* 根据需要调整宽度 */
}
.course-table th {
background-color: #f2f2f2;
text-align: center;
}
.day-names {
font-weight: bold;
}
</style>
</head>
<body>
<h1 class="centered-table">课程表</h1>
<table class="centered-table course-table">
<thead>
<tr>
<th class="day-names">星期</th>
<th>上午</th>
<th>下午</th>
</tr>
</thead>
<tbody>
<!-- 这里你可以添加实际的课程信息 -->
<tr><td>周一</td><td>课程1</td><td>课程2</td></tr>
<tr><td>周二</td><td>课程3</td><td>课程4</td></tr>
<!-- ...以此类推直到周日 -->
</tbody>
</table>
</body>
</html>
```
在这个例子中,我们创建了一个表格,设置了`course-table`类使其居中,并为星期一至周日和上午下午列设置了样式。你需要替换`<tr>`标签内的内容为你实际的课程安排。
阅读全文