指定的<table>为细边框，把<table>放在<div>中即可。
一、首先新建表格，代码如下：
<table width="500" border="1"> <tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr><tr> <td> </td><td> </td><td> </td></tr</table>。
二、在table里加css样式，代码如下：
<table width="500" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse"> <tr><td> </td><td> </td><td> </td </tr><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></table>。
三、单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间。单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离，border-collapse:collapse表示表格的两边框合并为一条即可。
在CSS中可以使用border-collapse属性来合并表格边框；border-collapse属性用于设置表中存在的单元格的边框，并告知这些单元格是否共享公共边框。
border-collapse属性设置表格的边框是否被合并为一个单一的边框。
语法：
属性值：
● separate：用于设置单元格的单独边框。
● collapse：用于折叠相邻的细胞并形成共同的边界。
● initial：用于将border-collapse属性设置为其默认值。
● inherit：当border-collapse属性从其父元素继承时使用。
示例：
效果图：
浏览器支持
border-collapse属性支持的浏览器如下：
● Apple Safari 1.2
● 谷歌Chrome 1.0
● Internet Explore / Edge 5.0
● Opera 4.0
● Firefox 1.0
原文地址： 如何使用CSS合并表格边框？
元素的边框(border)是围绕元素内容和内边距的一条或多条线.css border属性允许你规定元素边框的样式，宽度和颜色.
css边框:在html中，我们使用表格来创建文本周围的边框，但是 通过使用css边框属性，
我们可以创建出效果出色的边框，并且可以应用于任何元素,
元素外边距内就是元素的边框(border),元素的边框就是围绕元素内容和内边距的一条或多条线.每个边框有3个方面:宽度、样式/以及颜色。
