文章/答案/技术大牛

发布

社区首页 >问答首页 >高级边框样式- CSS或图像？

问高级边框样式- CSS或图像？
EN

Stack Overflow用户

提问于 2012-09-15 06:37:08

回答 3查看 2.3K关注 0票数 0

我试着让一个div的边框看起来像这样，有透明度，阴影和内虚线边框。有没有办法用CSS/jQuery做到这一点，还是只使用图片更好？

css

border

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-09-15 06:42:49

试用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的现场示例

票数 2

Stack Overflow用户

发布于 2012-09-15 06:40:24

你可以写

border-style:dashed;

如果您需要更多信息，请查看this

票数 0

Stack Overflow用户

发布于 2012-09-15 06:41:10

虽然使用CSS3/HTML5也可以做到这一点，但如果框的大小是固定的，我会使用图像。CSS3仅在现代浏览器中受支持，而图像在较旧的浏览器中也受支持。

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

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12432854

复制

相似问题

问高级边框样式- CSS或图像？
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问高级边框样式- CSS或图像？EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问高级边框样式- CSS或图像？
EN