0

这是一个屏幕截图示例:

在此处输入图像描述

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

我尝试了以下规则:

border: 1px dotted black;

结果是:

在此处输入图像描述

4

4 回答 4

6

试试dashed

border: 1px dashed #ccc;

例子。

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

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

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

于 2012-05-14T18:45:15.523 回答
2

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

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

在文本上设置margin-top0.5emborderdashed

看这个例子

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

于 2012-05-14T18:51:32.213 回答