3.CSS背景和列表-第二章
2019-04-09 本文已影响0人
博尔茨杰
1.背景颜色
设置元素的背景颜色
background-color:颜色|transparent
说明
- transparent是全透明黑色(black)的速记法,类似rgba(0,0,0,0)这样的值。
- 颜色值(颜色名|RGB|十六进制)
- 背景区包括内容、内边距(padding)和边框、不包括外边距(margin)
2.背景图片
设置元素的背景颜色
background-image:URL|none
说明
- url地址可以是相对地址也可以是绝对地址。
- 元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。
- 默认地,背景图片位于元素的左上角,并在水平和垂直方向上重复。
3.背景图片重复
设置元素的背景图片的重复方式
background-repeat:repeat|no-repeat|repeat-x|repeat-y
4.背景
设置元素的背景图片的重复方式
background-repeat:repeat|no-repeat|repeat-x|repeat-y
5.背景图片显示方式
设置元素的背景图片的显示方式
background-attachment:scroll|fixed
说明:
scroll:默认值,背景图片随滚动条滚动
fixed:当页面的其余部分滚动时,背景图片不会移动。
6.背景图片的定位
设置元素的背景图片的起始位置
background-position:百分比|值|top|right|bottom|left|center
说明:
scroll:默认值,背景图片随滚动条滚动
fixed:当页面的其余部分滚动时,背景图片不会移动。

