边界：首先，只在firefox中工作

Question

我在this page上有一个表格，其中包含以下css（每个td都有box类）

.box{
    border: 3px outset #959595;
    width:25px;
    height: 25px;
    background-color: #dddddd;
    cursor: pointer;
}

table{
    border-collapse: collapse;
    border-spacing: 0px;
    border: 4px inset #444;
}

我在firefox中得到了我想要的东西

但是在任何其他浏览器中，它似乎并没有像我想要的那样工作

Answer 1

来自MDN's documentation on border-style（参考：outset）：

  

显示一个边框，使框显示为3D，浮雕。它与inset相反。应用于border-collapse设置为collapsed的表格单元格时，此值的行为类似于ridge。

您的表格为border-collapse: collapse;，因此它实际上在Firefox中呈现为border-style: ridge。

设置border-collapse: separate;或设置border-style: ridge;以规范化可能不会将outset更改为ridge的浏览器的样式。