这是一个屏幕截图示例:
注意容器周围的边框。我怎样才能为网站实现这种效果?
我尝试了以下规则:
border: 1px dotted black;
结果是:
这并不完全跨浏览器兼容,因为它是 CSS3 中的新功能。你可以在这里阅读更多关于它的信息:http ://www.css3.info/preview/border-image/
一种更自定义的方法是使用两个重叠的 div,其中一个只比另一个稍微大一点,或者使用填充。
点的大小由边框宽度控制 - 试试border: 4px dotted #ccc;