首页 > border-collapse 为collapse的时候,为什么最外面框的padding不起作用了

border-collapse 为collapse的时候,为什么最外面框的padding不起作用了

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8" />
<title>Document</title>
<style>
table{
    border-collapse: collapse;
    border-spacing: 3px 5px;
    padding: 40px; 
    /*这里的padding指的是最外层的大框的padding*/
    border: 50px solid black;
    /*设置为collapse后,border-spacing就失效了*/
    /*看来这个属性要在table上设置*/
    border-spacing: 130px 15px;
}
tr{
    /*border-collapse: collapse;这里设置是不行的*/
}
    td{
        border: 1px solid red;

    }
</style>

</head>
<body>

<input type="checkbox" name="b">全选 内容
<input type="checkbox" name="a"> 复选1
<input type="checkbox" name="a"> 复选2

</body>
</html>


此属性是table的,不是tr的,所以必须设置在table中

【热门文章】
【热门文章】