一个属性border-collapse解决Table的边框问题

页面制作中最头痛的，表格的边框算是其一了，很讨厌做带边线的表格，今天终于解决了这个问题

border-collapse属性 很好的解决了纠结了很久的问题
CSS

复制代码

代码如下:

.table{border: 1px solid #ccc;border-collapse: collapse; width:80%;}.table th,.table td{border: 1px solid #ccc;padding: 10px;}

Html

复制代码

代码如下:

id	作者	书名	内容	分类
001	唐家三少	斗破苍穹	斗破苍穹斗破苍穹	玄幻
001	唐家三少	斗破苍穹	斗破苍穹斗破苍穹	玄幻

PS：使用border-collapse属性之前和之后的对比图