css加背景色语句

在网页设计中,我们经常要使用背景色来美化页面。而CSS语言则给我们提供了一种方便快捷的方式来添加背景色样式。

背景色样式的语法如下:
background-color: color;
其中,color可以使用各种表示颜色的方式,比如:
- 十六进制代码:#RRGGBB 或者 #RGB
- 颜色名称:red、green、blue等
- RGB代码:rgb(red,green,blue)

css加背景色语句

在使用时,我们可以直接在CSS代码块中添加这个样式:

div {
  background-color: #ffffff;
}

上面的代码将会给所有的 div 元素设置一个白色背景色,如果我们只想给某一个元素添加背景颜色,则可以使用该元素的选择器:

#id {
  background-color: lightblue;
}
.class {
  background-color: rgba(255,255,0.5);
}

上面的代码则分别针对一个ID为“id”的元素设置了浅蓝色的背景色,以及所有 class 选择器所匹配到的元素,设置了 RGBA 形式的半透明黄色背景色。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效