前景色与背景色

时间:2022-05-10 14:49:14

在 CSS 中可以为任何元素设置前景色、背景色,整个页面带给人的感觉与这两个属性息息相关。

前景色是指元素颜色及其边框颜色,通过 color 属性或 border-color 可以进行设置。在没有单独声明的情况下元素颜色与边框颜色一致。系统默认前景色一般为黑色。

背景色指的是元素内容区及内边距区域的颜色,背景色为进行设置时默认值是 transparent, 即透明。

由于背景色默认是透明的,因此透过背景可以看到其父元素的背景色,就像透过玻璃看到了其覆盖的图纸。有时这是很危险的。比如说,父元素背景为浏览器默认背景(一般为白色),子元素为黑色,页面整体看上去为白底黑字。但如果浏览器颜色被用户改为了黑色,黑色的文字将会无法看到。所以,在为元素设置前景色时最好同时设置背景色。