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;滚动