CSS—背景相关属性

• 背景相关属性
• 背景颜色

属性名：background-color(bgc)

属性值：关键字、rgb表示法、rgba表示法、十六进制......

注意：背景颜色不会影响盒子大小，并且还能看清盒子大小和位置，一般布局中会习惯先给盒子设置背景颜色。

• 背景图片

属性名：background-image(bgi)：url('图片的路径')

注意：url可以省略引号。默认是在水平和垂直方向平铺的。仅给盒子起到装饰效果，类似于背景颜色，不能撑开盒子。

• 背景平铺

属性名：background-repeat(bgr)

属性值：repeat—（默认值）水平和垂直方向都平铺

              no-repeat—不平铺

              repeat-x—沿水平方向平铺

              repeat-y—沿垂直方向平铺

• 背景位置

属性名：background-position(bgp)：水平方向 垂直方向;

属性值：1、方位名词（最多只能表示9个位置）

                   水平方向：left、center、right

                   垂直方向：top、center、bottom

              2、数字+px（坐标）

正数向右/向下，负数向左/向上

• 背景相关属性的连写形式

单个属性值的合写，取值之间用空格隔开

background: color image repeat position  可以按照需求省略

特殊情况：在PC端，如果盒子大小和背景图片一样，可以直接写background:url（）

注意：背景图位置如果是英文，可以颠倒顺序。可若是数字，不能颠倒顺序。