1、背景颜色
-
background-color: ;
取值方式有两种- red
- rgb(0,250,0)
2、背景图片
-
background-image:url("") ;
- url可以放本地和网络的
- 图片没标签大会进行平铺和填充
- 网络的图片会请求2次获取数据
-
background-repeat:;
背景图片的平铺方式,取值如下-
repeat
默认,水平垂直方向都平铺 -
repeat-x
水平方向都平铺 -
no-repeat
水平垂直方向都不平铺 -
repeat-y
垂直方向都平铺
-
- 不设置一张大图片作为背景图片,而是用小图片去平铺,提升网页的访问速度
- 同时存在的同时,背景图片会覆盖背景颜色
-
background-position: ;
设置图片的位置center``right``left``top``bottom
-
(center top)
中间的顶部(背景图片的定位) -
(100px 200px)
设置像素确定位置
3、背景属性缩写的格式
只要写background:
后面直接写 背景颜色 背景图片 平铺方式 关联方式 定位方式 中随便一个都可以
4、滚动方式
-
background-attachment: fixed;
不滚动 -
background-attachment: scroll;
滚动