<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>表格</title>
<style>
table,th,td{
border: 1px lightblue solid;
border-collapse: collapse;
}
table{
width:80%;
margin: 0px auto;
}
th,td{
padding: 10px;
}
th{
background-color: aqua;
color: #000;
}
.info{
background-color: cadetblue;
}
</style>
</head>
<body>
<table>
<tr>
<th>名称</th>
<th>职位</th>
<th>收入</th>
</tr>
<tr class="info">
<td>张无忌</td>
<td>老板</td>
<td>100000</td>
</tr>
<tr class="info">
<td>小昭</td>
<td>秘书</td>
<td>10000</td>
</tr>
<tr>
<td>周芷若</td>
<td>主管</td>
<td>20000</td>
</tr>
</table>
</body>
</html>
CSS表格样式
猜你喜欢
转载自blog.csdn.net/qq_40354578/article/details/93722061
今日推荐
周排行