Question

当我在表格中添加带有边框的浅色背景的深色背景的td元素时，我希望在黑暗的td元素中，表格的边框看不到。

例如：

＆＃13;

table {
    border: 1px solid yellow;
    width: 40%;
    border-spacing: 0;
}

td {
    padding: 10px;
}

td.black {
    background: #000;
    color: #fff;
}

＆＃13;

<table>
    <tr>
        <td class="black">Something</td>
    </tr>
    <tr>
        <td>Something else</td>
    </tr>
</table>

＆＃13;

在第一个td，黑暗的td，我不想看到桌子的黄色边框。

Answer 1

你不能，但你可以将边框添加到默认的＆＃39; td＆＃39;元素的表格＆＃39; table＆＃39;并为黑人制定一项特殊规则。

table {
width: 40%;
border-spacing: 0;
/* border-collapse: collapse; // get a single border */
}

td {
padding: 10px;
border: 2px solid yellow;
 }

td.black {
background: #000;
color: #fff;
border: 2px solid green;
}

http://jsfiddle.net/pr1d3c5b/

如果你想只添加一个盒子阴影，你可以试试这种变化（红色），但它不精确

    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 0, 0, 1); 
  -moz-box-shadow: 0px 0px 0px 2px rgba(255, 0, 0, 1);
 box-shadow: 0px 0px 0px 2px rgba(255, 0, 0, 1);

http://jsfiddle.net/pr1d3c5b/1/

您可以尝试使用此生成器http://css3gen.com/box-shadow/并使用＆＃39;传播＆＃39;可选设置下的值

使用CSS模拟边框

1 个答案: