大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

8. CSS 背景设置

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