建立一个表格,表格样式:边框粗细为 1,宽度为 60%,背景颜色值为 #008000,边框与边框之间的距离为 2。 表格内容能包含周一到周五的上午和下午的四节课(具体课程内容,请自行设置)。
时间: 2024-10-21 21:04:27 浏览: 7
css控制表格细边框样式
5星 · 资源好评率100%
创建一个满足描述的表格如下:
```html
<style>
table {
border-collapse: collapse;
width: 60%;
background-color: #008000;
border-width: 1px;
border-style: solid;
margin: 2px;
}
td, th {
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: black;
}
th {
background-color: white;
}
</style>
<table>
<tr>
<th>时间</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tr>
<td>上午</td>
<td>课程A1</td>
<td>课程B1</td>
<td>课程C1</td>
<td>课程D1</td>
<td>课程E1</td>
</tr>
<tr>
<td>下午</td>
<td>课程A2</td>
<td>课程B2</td>
<td>课程C2</td>
<td>课程D2</td>
<td>课程E2</td>
</tr>
</table>
```
这个表格有5列,分别为时间、周一到周五,每列上午和下午各占一行,你可以替换`课程A1`、`课程B1`等为实际的课程名称。
阅读全文