作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont?
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
假设我有以下 CSS 片段:
div {
width: 200px;
padding: 10px;
border-width: 1px;
border-style: solid;
border-bottom-color: red;
border-left-color: blue;
}
左边框为蓝色,下边框为红色。但是在我的浏览器中,左下角的像素(左边框和下边框重叠的地方)是红色的。显然,底部边框与该像素的左边框重叠。
我能否手动设置重叠顺序或以其他方式实现左下角像素为蓝色而不是红色?
最佳答案
左下角像素的颜色属于您的浏览器,您无法覆盖它。
但是,对于这种高级情况,您可以使用嵌套的 div。试试这个:
div.parent {
width: 200px;
border-width: 1px;
border-style: solid;
border-left-color: blue;
}
div.child {
width: 200px;
padding: 10px;
border-width: 1px;
border-style: solid;
border-bottom-color: red;
}
您的 HTML 是:
<div class="parent">
<div class="child">
Your content will appear correctly.
</div>
</div>
关于css - 如何让左边框与左下像素的底边框重叠?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8941225/
我是一名优秀的程序员,十分优秀!