CSS - 像这样制作边框的最佳方式(以网站链接为例)

Question

我需要为我的网站做一个边框，看起来像 this一。我知道的唯一方法是将网站分成 9 个 div，例如:

1 2 3

4 5 6

7 8 9

并分别创建8张图片:

• 左上角(在 1 上)
• 顶部中央(2)
• 右上角(在 3 上)
• 左(在4)
• 右(在6上)
• 左下角(在 7 上)
• 底部中心(在 8 上)
• 右下角(在 9 上)

div 5 是 attempt as main。但整个战略看起来并不那么完善。有小费吗？谢谢

Answer 1

你可以使用 CSS3:

div {
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}

示例:http://jsfiddle.net/nsDRZ/1

适用于所有现代浏览器。对于 IE，我建议 t0 使用 CSS3 Pie:http://css3pie.com/