CSS 中 background 和 background-color 的区别 background和background-color

background和background-color

相同点：二者都可以设置背景颜色

不同点：1、background可以设置背景颜色color，添加背景图片url, 调整平铺状态repeat ,调整图片的位置left、right、top、bottom等；而backgroun-color只能设置背景颜色

2、background设置背景颜色会默认有{background:no-repeat}；                                                           而background-color的默认属性是{background:no-repeat}，即                                                         {background-color:#ccc;background:no-repeat} = {background:#ccc};

1、background-color

作用：设置元素的背景颜色

背景颜色会填充元素的内容、内边距、边框区域，扩展到元素边框的外边界（但不包括外边距）

默认值为：transparent，无继承性

2、background                                                                                                               

background所设置的常见背景属性如下：

background-color  背景颜色
background-position  背景图位置                                                                                        background-position：right  top  
background-size  背景图尺寸
background-repeat  规定如何重复背景图像                                                                                background-repeat：no-repeat  不平铺（默认平铺）
background-image  背景图像                                                                                                    background-attachment:fixed  固定背景图（不随页面滚动）

示例：