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

Question

这是一个屏幕截图示例：

在此处输入图像描述

注意容器周围的边框。我怎样才能为网站实现这种效果？

我尝试了以下规则：

border: 1px dotted black;

结果是：

在此处输入图像描述

score 6 · Accepted Answer

6

试试dashed。

border: 1px dashed #ccc;

于 2012-05-14T18:46:24.803 回答

score 2 · Accepted Answer

这并不完全跨浏览器兼容，因为它是 CSS3 中的新功能。你可以在这里阅读更多关于它的信息：http ://www.css3.info/preview/border-image/

一种更自定义的方法是使用两个重叠的 div，其中一个只比另一个稍微大一点，或者使用填充。

score 2 · Accepted Answer

2

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

于 2012-05-14T19:00:00.710 回答

score 0 · Accepted Answer

在文本上设置margin-top为0.5emborderdashed

看这个例子

对于完整的布局尝试这样的

4 回答 4