高级边框样式-CSS还是图像？

我试图使div的边框看起来像这样，具有透明度、阴影和内部虚线边框。有没有办法用CSS/jQuery做到这一点，或者我最好只使用图像？

你可以这样写

border-style:dashed;

---

如果您需要更多的检查，而您可以使用CSS3/HTML5进行检查，如果框的大小是固定的，我会使用图像。CSS3仅在现代浏览器中受支持，而旧浏览器也支持图像

---

如果这是一个弹出窗口，那么它会稍微改变一些情况，您可能希望以图像以外的其他方式进行阴影处理。

尝试HTML

<div id="rounded">    
    ​<div id="yellow">
        <div id="dashed"></div>
    </div>
</div>​​​​​​​​​​​​​​​

看一个活生生的例子

---

​

截图中的网站是如何做到的？这是我创建的一个photoshop文件。我正在尝试用代码创建网站。您希望支持哪些浏览器？你想通过IE6支持，还是只支持现代浏览器（IE9、Chrome、FF、Safari）？这不完全是我想要的，但为我指明了正确的方向。我明白了。这个答案更像是一个评论。请提供详细答案。

#rounded {
    background-color: gray;
    width: 400px;
    height: 400px;
    padding: 10px;
}
#yellow {
    background-color: #F7EFE2;
    height: 96%;
    padding: 10px;
}
#dashed {
    width: 100%;
    border: 1px dashed #E8C55F;
    height: 100%;
}