CSS3背景属性
2017-09-30 21:17
232 查看
background是一个使用率很高的属性,也是一个非常有用的属性。
背景主要包括5个基本属性:
background-color(背景颜色)
background-image(背景图片)
background-repeat(背景图片展示方式)
background-attachment(背景图片是固定还是滚动)
background-position(背景图片位置)
这些属性可单独写,也可将其串在一起使用。
1、background-color属性
用来设置元素的背景色,默认值为”transparent”透明色。颜色格式如下:
颜色名:如“blue”;rgb值:如rgb(255,0,0)或rgb(100%,0%,0%);
hls值:如hls(0,100%,50%);
十六进制值:如#ff0000。
在CSS3中还可使用rgba值,如rgba(255,0,0,0,0.3)可使用hsla值,如hsla(0,100%,50%,0.5)。
2、background-image 属性
background-image:none || url
用来设置元素的背景图片,默认值为”none”,url指背景图片的地址,这个地址可以是相对路径,也可以是绝对路径。
3、background-repeat 属性
4、background-attachment 属性
5、background-position 属性
相关文章推荐
- css3实现一个div设置多张背景图片及background-image属性
- CSS3中新增的背景属性
- CSS3背景渐变属性 linear-gradient(线性渐变)和radial-gradient(径向渐变)
- CSS3背景属性和渐变
- CSS3新增的有关背景与边框的属性
- CSS3:background-size背景图片尺寸属性
- CSS3:background-size背景图片尺寸属性
- css3实现一个div设置多张背景图片及background-image属性
- css3:背景属性background-origin/clip详解
- CSS3背景属性和CSS3的渐变
- h5-css3新增背景属性
- css3背景、边框、和补丁相关属性 (二)
- CSS3-新增背景系列background相关属性
- css3 多重背景图以及属性继承在css规范中的应用
- CSS3——新增背景属性和边框样式
- CSS3背景渐变属性 linear-gradient(线性渐变)和radial-gradient(径向渐变)。
- css3 背景相关的新增属性
- Css3之基础-5 Css 背景、渐变属性
- 从零开始前端学习[31]:css3中新增加的一些背景属性
- 使用css3 transform 属性来变换背景图方法步骤详解