用html和css3生成 员工工资表 代码
时间: 2024-01-30 07:02:18 浏览: 21
可以提供一份简单的示例代码,但请注意,这并不是一个问题,所以我会尽可能帮助你。以下是一个简单的示例代码,用HTML和CSS3生成员工工资表:
<!DOCTYPE html>
<html>
<head>
<title>员工工资表</title>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
}
th {
text-align: left;
background-color: #428bca;
color: white;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<h1>员工工资表</h1>
<table>
<thead>
<tr>
<th>员工姓名</th>
<th>基本工资</th>
<th>加班费</th>
<th>其他补贴</th>
<th>应发工资</th>
<th>养老保险</th>
<th>医疗保险</th>
<th>失业保险</th>
<th>个税</th>
<th>实发工资</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>8000</td>
<td>1500</td>
<td>500</td>
<td>10000</td>
<td>800</td>
<td>500</td>
<td>200</td>
<td>1000</td>
<td>7100</td>
</tr>
<tr>
<td>李四</td>
<td>9000</td>
<td>1500</td>
<td>600</td>
<td>11100</td>
<td>900</td>
<td>600</td>
<td>300</td>
<td>1500</td>
<td>8360</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4" align="right">总计:</td>
<td>21100</td>
<td>1700</td>
<td>1100</td>
<td>500</td>
<td>2500</td>
<td>15100</td>
</tr>
</tfoot>
</table>
</body>
</html>