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

Question

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

Answer 1

试试HTML

<div id="rounded">    
    ​<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%;
}

查看实例 here