小编给大家分享一下怎么使用CSS属性border-collapse解决table的边框问题，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
一般我们写一个表格，就是下面的这种写法，给表格border，还有你想要的样式，代码如下：
HTML部分：
<tableclass="aa">
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>张晗</td>
<td>男</td>
<td>23</td>
</tr>
<tr>
<td>2</td>
<td>陆颖</td>
<td>女</td>
<td>20</td>
</tr>
<tr>
<td>3</td>
<td>郝婷婷</td>
<td>女</td>
<td>19</td>
</tr>
</tbody>
</table>
CSS部分：
.aa{border:1pxsolid#ccc;width:30%;text-align:center;border-collapse:collapse;}
.aath,.aatd{border:1pxsolid#ccc;padding:10px;}
以上是“怎么使用CSS属性border-collapse解决table的边框问题”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
