css - 为什么不使用border-style: double; 使成为？

Question

我有一个h1我定义了以下样式的：

h1
  { text-align: center;
    border: double black 1px;
    padding: 1em;
    margin: 1em;
}

这是一个 JSfiddle：http: //jsfiddle.net/KatieK/Hs3ZQ/

我将边框样式设置为加倍，但我只看到渲染了一个边框。为什么不是双边框渲染？

score 42 · Accepted Answer

double显示两条直线，它们加起来等于定义为边框宽度 ( source ) 的像素量。

您至少需要使用 3px。

h1
  { text-align: center;
    border: double black 3px;
    padding: 1em;
    margin: 1em;
}

score 9 · Accepted Answer

1px 太薄而无法渲染双边框，您必须使边框更厚。

h1
  { text-align: center;
    border: double black 3px;
    padding: 1em;
    margin: 1em;
}

score 5 · Accepted Answer

5

对于双边框，您需要设置至少为的边框宽度3px才能看到效果。

于 2013-02-08T17:42:34.870 回答

score 2 · Accepted Answer

从 CSS 中删除 1px 将起作用...

h1
  { text-align: center;
    border: double black;
    padding: 1em;
    margin: 1em;
}

4 回答 4