HTML技术在div上创建自定义虚线边框？

Question

以下是截图示例：

注意容器周围的边框。如何为网站实现此效果？

我尝试过以下规则：

border: 1px dotted black;

结果是：

Answer 1

尝试dashed。

border: 1px dashed #ccc;

Example.

Answer 2

这不完全符合跨浏览器标准，因为它是CSS3中的新功能。您可以在此处详细了解：http://www.css3.info/preview/border-image/

更自定义的方法是使用两个重叠的div，其中一个只是通过大小或使用填充稍大于另一个。

Answer 3

点的大小由边框宽度控制 - 尝试border: 4px dotted #ccc;

Answer 4

在文字上设置margin-top为0.5em，将border设为dashed

请参阅此example

对于完整版面，请尝试this

之类的内容