border-collapse: collapse；合并相邻边框不好使的解决方法

月伶

于 2023-07-07 10:13:05 发布

阅读量821

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/mumu497/article/details/131591041

版权

border-collapse: collapse;合并相邻边框不好使的解决方法

使用并集选择器进行选择

css：

/* 使用并集选择器 */
table,td {
            border: 1px solid pink;
    		border-collapse: collapse;
        }

html：

<table cellpadding="0" cellspacing="0">
        <tr>
            <td>webguvsgiaue</td>
            <td>webguvsgiaue</td>
        </tr>
        <tr>
            <td>webguvsgiaue</td>
            <td>webguvsgiaue</td>
        </tr>
        <tr>
            <td>webguvsgiaue</td>
            <td>webguvsgiaue</td>
        </tr>
    </table>