1、border-collapse属性是用于表格元素的， 可以设置表格的两边框合并为一个单一的边框。CSS border-collapse属性border-collapse属性设置表格的边框是否被合并为一个单一的边框，还是像在标准的 HTML 中那样分开显示。
网站建设哪家好，找创新互联公司！专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了崇义免费建站欢迎大家使用！
2、接下来就是今天的重点，CSS属性里的border-collapse可以帮助我们去掉多余的边框。首先我们先看一下border-collapse属性值说明。
3、表格边框如需在 CSS 中设置表格边框，请使用 border 属性。
4、border-collapse属性。设置table的这个属性，就可以合并表格边框。
5、只对表格table标签设置边框 只对table标签设置border（边框）样式，将让此表格最外层table一个边框，而表格内部不产生边框样式。
1、使用CSS border-collapse 属性 控制表格边框线的合并 定义和用法 border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。
2、在CSS中可以使用border-collapse属性来合并表格边框；border-collapse属性用于设置表中存在的单元格的边框，并告知这些单元格是否共享公共边框。border-collapse属性设置表格的边框是否被合并为一个单一的边框。
3、设置table的CSS为{border-collapse：collapse；border-style： solid；border-width： 1px；} 注：border-collapse：collapse；separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
4、因为separate是默认值，就算是不设置border-collapse：separate；表格也会呈现双线效果。
在CSS中可以使用border-collapse属性来合并表格边框；border-collapse属性用于设置表中存在的单元格的边框，并告知这些单元格是否共享公共边框。border-collapse属性设置表格的边框是否被合并为一个单一的边框。
用CSS设置html中的表格边框样式边框样式值如下：none ： 无边框。与任何指定的border-width值无关 hidden ： 隐藏边框。IE不支持 dotted ： 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5+为点线。
只对表格table标签设置边框 - TOP 只对table标签设置border（边框）样式，将让此表格最外层table一个边框，而表格内部不产生边框样式。
可以实现 但是太麻烦了，你这种布局就是需要用table来完成的 ，直接dw插入行列，该合并的合并该分离的分离 两分钟搞定了。
外面一个大框 大框上边和左边的线为1px黑色 大框里面写ulli三行三列共9个li紧密排列好。宽高都设定一样。一定和外大框配合好。每个li敲定属性为右边和下边1px黑色.只要你把握好比例就可以实现。
其实我们不难发现，这个效果并不难，只是我们没有真正的动手做过而已，所以不知道怎么做，那么下面就是一个很好的实践，就让我们来谈谈用ul li如何实现边框重合，并附带鼠标经过效果。
ulli，是比较常用的标签，一般用于新闻或者图片列表，直接在TABLE标签下或者DIV标签下使用就可以了，CSS控制则完全在CSS文件里添加修改，比如你说的ulli标签是在表格下。
div弄个边框 li浮动 a设为块元素并加宽度、行高，文字居中对齐 然后想办法用合适的方式清除下浮动，以免div包不住那些东西 如果上面的你都能自己动手解决了，最下面那个 显示全部 我想你也应该能想出办法来了。
直接上个实例吧：第一步，打开软件Adobe Dreamweave CS6，创建一个新的HTML。第二步，在工作区域（body）用标签 ul 和 li 输入导航的内容。第三，编辑样式CSS。在标签head/head之间写入样式表。