CSS进阶-背景相关属性

背景颜色

属性名：background-color（bgc）

背景图片

属性名：background- image（bgi）

• 属性值：background-image：url（‘图片路径’）；
• 注意事项： 背景图片中 url 可以省略引号
  背景图片默认是中水平和垂直方向平铺的
  

背景平铺

属性名：background- repeat（bgr）

• 属性值

取值	效果
repeat	（ 默认 ）水平垂直都平铺
no- repeat	不平铺
repeat-x	沿x轴铺
repeat-y	沿y轴铺

背景位置

属性名：background-position（bgp）

• 属性值
  

• 注意：
  正数：向右向下移动 负数：向左向上移动
  背景图和背景色只显示在盒子里

背景相关属性连写形式

属性名：background（bg）

• 属性值：单个属性值的合写 取值间以空格隔开

• 书写顺序：
  background：color image repeat position

  拓展：img标签和背景图片的区别

• 需求：需要在网页中展示一张图片的效果
  法一：直接写img标签（重要的图片
  法二：div标签+背景图片（修饰作用的图片