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属性之前和之后的对比图



