请给我完整的文件代码实现以下功能:一个网站上有个两列三行的表格,单元格内部背景为白色,第一列单元格内容分别是单位、姓名,字体为黑体,下面单元格内部为仿宋国标,表格内所有字体为居中,两列之间用红色竖细线隔开,
时间: 2023-06-01 11:04:34 浏览: 94
<!DOCTYPE html>
<html>
<head>
<title>表格</title>
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: center;
padding: 10px;
border: 1px solid black;
}
th {
font-family: "黑体";
background-color: white;
}
td {
font-family: "仿宋_GB2312";
background-color: white;
}
.vertical-line {
border-left: 1px solid red;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>单位</th>
<th class="vertical-line">姓名</th>
</tr>
</thead>
<tbody>
<tr>
<td>XXX公司</td>
<td class="vertical-line">张三</td>
</tr>
<tr>
<td>YYY公司</td>
<td class="vertical-line">李四</td>
</tr>
<tr>
<td>ZZZ公司</td>
<td class="vertical-line">王五</td>
</tr>
</tbody>
</table>
</body>
</html>
阅读全文