【IT专家】即使在CSS中颜色值相同,边框和背景也以不同的颜色显示
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
本文由我司收集整编，推荐下载，如有疑问，请与我司联系即使在CSS中颜色值相同，边框和背景也以不同的颜色显示即使在CSS中颜色值相同，边框和背景也以不同的颜色显示[英]Border and background show up as different colors even when color values are same in CSS Is it possible to make the color of the border the same as the background color? In my example, it should have the same color but the border color is always a bit darker than the background color.
是否可以使边框的颜色与背景颜色相同?在我的示例中，它应该具有相同的颜色，但是边框的颜色总是比背景颜色深一些。
36
You should specify background-clip: padding-box; (or content-box) because, by default, this property is set to border-box thus the background also covers the area under the borders.
您应该指定背景剪辑:拨片盒;(或内容框)因为默认情况下，该属性设置为border-box，因此背景也覆盖了边框下面的区域。
The effect you’re obtaining is actually due to a transparency overlapping (with a full-solid colour you wouldn’t notice the issue), so that’s the reason you’re seeing the border a bit darker than the background colour
你得到的效果实际上是由于透明度的重叠(全纯色你不会注意到这个问题)，因此这就是为什么你看到的边框比背景颜色要暗一些
12
In addition to fcalderan’s answer, you could also make the border-color transparent so the div’s background color simply comes through:
除了fcalderan的答案之外，您还可以将边框颜色设置为透明，这样div的背景颜色就会简单地显示出来: