创建一个 四行四列,宽800 ,居中 ,学生表
时间: 2023-08-29 19:06:10 浏览: 45
好的,我来帮你创建一个四行四列、宽800像素、居中的学生表格。
你可以使用HTML和CSS来创建这个表格。下面是示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>学生表格</title>
<style>
table {
width: 800px;
margin: 0 auto;
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 10px;
text-align: center;
}
th {
background-color: #cccccc;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>学号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td>001</td>
<td>张三</td>
<td>男</td>
<td>20</td>
</tr>
<tr>
<td>002</td>
<td>李四</td>
<td>女</td>
<td>22</td>
</tr>
<tr>
<td>003</td>
<td>王五</td>
<td>男</td>
<td>21</td>
</tr>
<tr>
<td>004</td>
<td>赵六</td>
<td>女</td>
<td>23</td>
</tr>
</tbody>
</table>
</body>
</html>
```
在这个示例代码中,我们使用了`<table>`、`<thead>`、`<tbody>`、`<tr>`、`<th>`和`<td>`等HTML元素来创建表格。CSS代码中,我们设置了表格的宽度为800像素、居中对齐,并且去掉了表格的边框。`<th>`元素是表格的表头,我们设置了它的背景色为灰色。`<td>`元素是表格的数据单元格,我们设置了它们的文本居中对齐和边框样式。
你可以根据自己的需求修改这个示例代码,添加更多的行和列,并且修改表格的样式。希望这个回答对你有帮助!