背景颜色
属性名：background-color（bgc）
Ø 属性值：
• 颜色取值：关键字、rgb表示法、rgba表示法、十六进制……
Ø 注意点：
• 背景颜色默认值是透明： rgba(0,0,0,0) 、transparent • 背景颜色不会影响盒子大小，并且还能看清盒子的大小和位置，一般在布局中会习惯先给盒子设置背景颜色
背景图片
属性名：background-image（bgi）
Ø 注意点：
• 背景图片中url中可以省略引号
• 背景图片默认是在水平和垂直方向平铺的
• 背景图片仅仅是指给盒子起到装饰效果，类似于背景颜色，是不能撑开盒子的
背景平铺
属性名：background-repeat（bgr）
背景位置
属性名：background-position（bgp）
注意点：
• 方位名词取值和坐标取值可以混使用，第一个取值表示水平，第二个取值表示垂直
背景相关属性的连写形式
属性名：background（bg）
属性值：
• 单个属性值的合写，取值之间以空格隔开
Ø 书写顺序：
• 推荐：background：color image repeat position
Ø 省略问题：
• 可以按照需求省略
• 特殊情况：在pc端，如果盒子大小和背景图片大小一样，此时可以直接写 background：url()
Ø 注意点
• 如果需要设置单独的样式和连写
• ① 要么把单独的样式写在连写的下面
• ② 要么把单独的样式写在连写的里面
声明：该文观点仅代表作者本人，《前端技术分享网》系信息发布平台，前端技术分享网仅提供信息存储空间服务。发布者：果壳日志，转载请注明出处：https://www.xin12123.com/n/533.html
