css表格table边框重叠问题解决
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
table {
width: 300px;
text-align: center;
border-collapse: collapse;/* 为table设置这个属性 */
}
th,
td {
border: 1px solid #000;
}
</style>
</head>
<body>
<table>
<tr>
<th>姓名</th>
<th>⾦额</th>
<th>⽇期</th>
</tr>
<tr>
table设置内边框<td>张三</td>
<td>1892.2</td>
<td>2020.7.2</td>
</tr>
<tr>
<td>李四</td>
<td>1892.2</td>
<td>2020.7.2</td>
</tr>
</table>
</body>
</html>
重点：
border-collapse 属性设置表格的边框是否被合并为⼀个单⼀的边框，还是象在标准的 HTML 中那样分开显⽰。当设置了border-collapse: separate后，

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。