39,107
社区成员
发帖
与我相关
我的任务
分享
以下代码显示为一个表格,并且边框都是1像素的
请问大家,为什么第二行底部边框加粗了,怎样解决?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<style>
table.grid {
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
}
table.grid th {
width: 100px;
padding: 5px;
border: solid 1px silver;
color: black;
background-color: #E7E9E9;
font-weight: normal;
text-align: left;
border-spacing: 0;
}
table.grid td {
width: 100px;
padding: 5px;
border: solid 1px silver;
border-spacing: 0;
}
</style>
</head>
<body>
<table class="grid">
<thead>
<tr><th>列1</th><th>列2</th><th>列2</th></tr>
</thead>
<tbody>
<tr><td>aaa</td><td>bbb</td><td>bbb</td></tr>
<tr><td>aaa</td><td>bbb</td><td>bbb</td></tr>
<tr><td>aaa</td><td>bbb</td><td>bbb</td></tr>
</tbody>
</table>
</body>
</html>