border-collapse 和border-spacing的关系

最新推荐文章于 2024-07-18 21:12:34 发布

Vashon_Wood

最新推荐文章于 2024-07-18 21:12:34 发布

阅读量953

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： html css

本文链接：https://blog.youkuaiyun.com/wwx920395962/article/details/48086925

web前端专栏收录该内容

7 篇文章

订阅专栏

本文深入探讨了CSS表格布局中的border-collapse和border-spacing属性，通过实例展示了如何利用这些属性来控制表格边框的显示方式及单元格间距，包括代码示例和实现效果。

在表格排版的css中：

border-collapse:是控制相邻边的显示方式

separate :　默认值。边框独立（标准HTML）
border-spacing控制单元格间距即双边框间距
collapse :　相邻边被合并

    #dh table{
            border-collapse: separate;
            border: 1px solid black;
            border-spacing: 3px;
        }
     #dh td{
            border: 1px solid black;
        }
         <div id="dh">
        <table />
            <tr>
                <img src="px/wdjg.jpg" /></a></td>
                <td><a href="/px/ddzc/zhencang.htm">
                <img src="px/ddzc.jpg" /></a></td>
            </tr>
        </table>
    </div>