css - 多边框(带边框的 div 上的 Div)

标签 css border

我想做的是: http://gyazo.com/e1bd6baee9730b61655c43bf05a071f7.png

问题:

黑色边框在右侧不起作用。

图片:

http://gyazo.com/34b53980f862700b7444f433382b8b2c

<body class="container">
    <div class="contentbody">
        <div class="content">
        </div>
    </div>
</body>


.contentbody {
margin-top: 10;
border: solid 1px #000;

}

.content {
background: #232224;
width: 940px;
height: 500px;
border: solid 1px #373638;
}

我做错了什么? 考虑到如果你在边框上使用边框,它应该作为两个边框工作.. 谢谢。

最佳答案

http://jsfiddle.net/Lucak/

.contentbody {
    display: inline-block;
    margin-top: 10;
    border: solid 1px #000;
}
.content {
    background: #232224;
    border: solid 1px #373638;
    width: 940px;
    height: 500px;
}

关于css - 多边框(带边框的 div 上的 Div),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14445699/

相关文章:

CSS3边框动画幽灵

html - 这种形式的div边框: blank gaps in the corners

javascript - 如何删除按钮中下一个和上一个按钮附近的不同颜色空间

html - css - 内联元素忽略行高

jquery - 将元素滚动到容器的顶部 onclick

ios - 如何使圆形图像像 Instagram 的故事个人资料图像一样

html - 在滚动时重绘页面边框

css - 如何从 FriendFeed 小部件中删除边框?

javascript - Jquery - Firefox 具有较慢的 .love() 悬停速度,Chrome 和 IE 很快

javascript - JQuery:基于行的表行显示/隐藏