CSS之表格边框合并、兄弟标签外边距合并、父子标签的外边距合并

最新推荐文章于 2021-08-25 00:17:28 发布

dianchougao5936

最新推荐文章于 2021-08-25 00:17:28 发布

阅读量354

点赞数

原文链接：http://www.cnblogs.com/progor/p/8975440.html

版权

本文探讨了CSS中的三个边框合并问题：表格边框合并、兄弟标签外边距合并及父子标签的外边距合并。针对每个问题，文章详细阐述了其发生的情况并提供了相应的解决方案。例如，解决表格边框合并可以使用`border-collapse: collapse`属性，而防止父子标签外边距合并则可以设置父元素的上边框或上内边距。

摘要由CSDN通过智能技术生成

本文内容：

表格边框合并
兄弟标签外边距合并
父子标签的外边距合并

首发日期：2018-05-01

表格边框合并：

发生情况：

当设置了cellpadding="0" cellspacing="0"后，表格的相邻边框会合并，使得边框变粗了。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style>
    table{
    
        border:1px solid red;
    }
    td{
    
        border:1px solid red;
    }

    </style>
</head>
<body>
    <table cellpadding="0" cellspacing="0">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6