<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>表格细线边框
</title>
<style>
table{
width: 500px;
height: 500px;
border :1px solid red;
}
td{
border :1px solid red;
text-align: center;
}
table, td{
border-collapse: collapse; 合并单元格边框
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr>
<td>天王盖地虎
</td>
<td>天王盖地虎
</td>
<td>天王盖地虎
</td>
<td>天王盖地虎
</td>
</tr>
<tr>
<td>宝塔镇河妖
</td>
<td>宝塔镇河妖
</td>
<td>宝塔镇河妖
</td>
<td>宝塔镇河妖
</td>
</tr>
<tr>
<td>小鸡炖蘑菇
</td>
<td>小鸡炖蘑菇
</td>
<td>小鸡炖蘑菇
</td>
<td>小鸡炖蘑菇
</td>
</tr>
</table>
</body>
</html>
主要是学习合并单元格边框，要对已学的内容不断梳理和复习。
转载于:https://www.cnblogs.com/fhtax/p/11232704.html
相关资源：css控制表格细边框样式
