什么是 background-color?
background-color 是 CSS 中用于设置元素背景颜色的属性。它只影响颜色,不涉及图像、渐变或其他背景效果。
示例:
div { background-color: #e74c3c; }
什么是 background?
background 是一个简写属性,可以一次性设置多个背景相关属性,包括:background-color、background-image、background-repeat、background-position、background-size、background-attachment 等。
示例:
div { background: #2c3e50 url(bg.jpg) no-repeat center/cover; }
两者区别总结
background-color只设置纯色背景。background是复合属性,可同时设置颜色、图片、重复方式等。- 使用
background时若未指定颜色,默认为transparent。