在网页设计中,我们经常要使用背景色来美化页面。而CSS语言则给我们提供了一种方便快捷的方式来添加背景色样式。
背景色样式的语法如下: background-color: color; 其中,color可以使用各种表示颜色的方式,比如: - 十六进制代码:#RRGGBB 或者 #RGB - 颜色名称:red、green、blue等 - RGB代码:rgb(red,green,blue)
div { background-color: #ffffff; }
上面的代码将会给所有的 div 元素设置一个白色背景色,如果我们只想给某一个元素添加背景颜色,则可以使用该元素的选择器:
#id { background-color: lightblue; } .class { background-color: rgba(255,255,0.5); }
上面的代码则分别针对一个ID为“id”的元素设置了浅蓝色的背景色,以及所有 class 选择器所匹配到的元素,设置了 RGBA 形式的半透明黄色背景色。