CSS中的background和background-color的区别

Posted 2023-04-30

请问background中的color和background-color有什么区别吗？我觉得它俩的功能应该是一样的，请指教谢谢。

区别如下：

一，background可以设置背景颜色、背景图片、定位等。而background-color只能设置背景颜色 。

二，底色(background-color)是纯的色区。背景(background)，可以是纯色也可以是图案。

三，background的属性值是图片资源，而background-color的是颜色。

扩展资料：

常用的CSS属性的英文单词总结及用法、解释：

float - 浮动：设置块元素的浮动效果。可选常用到参数left、right 。

css width - 宽度：确定盒子本身的宽度，可以使盒子的宽度不依靠它所包含的内容多少。

css height - 高度 ：确定盒子本身的高度。

css clear - 清除 ：用于清除设置的浮动效果，常用参数both 、left、right。

margin - 边距 ：控制围绕边框的边距大小。其中包含4个属性：margin-top控制上边距的宽度。

margin-right：控制右边距的宽度。

margin-bottom：控制下边距的宽度。

margin-left：控制左边距的宽度。

padding -内边界：确定围绕块元素的空格填充数量。

font-family- css字体：设定时，需考虑浏览器中有无该字体。 

font-size - css字体大小：注意度量html单位。 

font-weight - css字体粗细-css加粗样式：除了normal（正常）、bold（粗体）、bolder（特粗）、lighter（细体）外，还有9种以像素为度量为单位的设置方式。 

css font-style-样式：css字型。 

css line-height - css行高：行距。

font-variant - css变形：可以将正常文字一半尺寸后大写显示。 

text-transform - css大小写：这项属性能轻而易举地控制字母大小写。

参考技术A background包含background-color，它是背景的主要写法，当然如果你要写得详细一点，骚包一点，也可以用background-color来定义颜色~一般的话直接用background就可以了，两者在定义颜色的时候功能完全一样本回答被提问者采纳 参考技术B background可以定义背景的一切内容，包括颜色、图片、图片位置等东西
background-color只能定义颜色，别的都不行

比如说这么写是正确的：

background:#FFFFFF url(1.png) no-repeat center top

background-color:#FFFFFF;
background-image:url(1.png);
background-repeat:no-repeat;
background-position:center top 参考技术C background可以设置图片，背景图拉伸、背景图大小、背景图相对位置、背景颜色等;而background-color只能设置背景色;

CSS工作记录

1：行内元素 设置背景图片(假设 给span)

/*span 标签加背景图片 需要设置快级元素 定义高度宽度，当高度宽度很小的时候 需要设置背景图片大小*/

    .filex 
        display: inline-block;
        height: 16px;
        width: 18px;
        margin-left: 2px;
        background-image: url(‘../Content/OA/IMG/upload.png‘);
        background-repeat: no-repeat;
        background-size: cover;
    

待续