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

Onl*_*ere 0 html css border

这是一个截图示例:

在此输入图像描述

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

我尝试过以下规则:

border: 1px dotted black;
Run Code Online (Sandbox Code Playgroud)

它导致:

在此输入图像描述

gho*_*ppe 6

试试dashed.

border: 1px dashed #ccc;
Run Code Online (Sandbox Code Playgroud)

例.