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

Question

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

Answer 1

试试HTML

<div id="rounded">    
    ​&lt;div id="yellow">
        <div id="dashed"></div>
    </div>
</div>​​​​​​​​​​​​​​​

和CSS

#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%;
}

在此处查看实时示例 ​</p>

Answer 2

你可以写

border-style:dashed;

如果你需要更多检查这个

Answer 3

虽然您可以使用 CSS3/HTML 5 来实现，但如果框的大小是固定的，我会使用图像。CSS3 仅在现代浏览器中受支持，而在较旧的浏览器中也支持图像。

如果这是一个弹出窗口，那么这会改变一些事情，你会想要以其他方式而不是图像来做阴影。