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

以下是一个屏幕截图示例：

注意容器周围的边框。我如何为网站实现这种效果

我尝试了以下规则：

border: 1px dotted black;

其结果是：

---

这并不是完全跨浏览器兼容的，因为它在CSS3中是新的。您可以在此处阅读更多信息：

一种更为定制的方法是使用两个重叠的div，其中一个div在大小或填充上都比另一个稍大。

试试虚线

将文本的边距顶部设置为0.5em，边框设置为虚线

看到这个了吗

---

对于完整布局，请尝试类似于

的方法，点的大小由边框宽度控制-尝试边框：4px点ccc

创建边框时不需要边框图像：虚线；，这肯定是过火了。也许吧，但这篇文章标题中的问题是如何创建自定义边框。我只是想指出如何使用图像作为边框，因为这意味着正在使用自定义边框。如果边框：虚线；这就是你想要的，然后简单地使用css也可以工作。

border: 1px dashed #ccc;