CSS中的color\background-color有什么区别?

Question

我知道一个是背景颜色

Answer 1

区别：作用不同

color用于设置字体颜色，而background-color同于设置背景颜色。

实例

1、color

body {  color:red; } h1{  color:#00ff00; } p{  color:rgb(0,0,255); }

2、background-color

body{  background-color:yellow;} h1{  background-color:#00ff00; } p {  background-color:rgb(255,0,255);}

扩展资料

background-color范围

background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。

color范围

这个属性设置了一个元素的前景色（在 HTML 表现中，就是元素文本的颜色）；光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框，除非被 border-color 或另外某个边框颜色属性覆盖。

color参数

1、color_name：规定颜色值为颜色名称的背景颜色（比如 red）。    

2、hex_number：规定颜色值为十六进制值的背景颜色（比如 #ff0000）。    

3、rgb_number：规定颜色值为 rgb 代码的背景颜色（比如 rgb(255,0,0)）。    

4、transparent：默认。背景颜色为透明。    

5、inherit：规定应该从父元素继承 background-color 属性的设置。

Answer 2

background包含background-color，它是背景的主要写法，当然如果你要写得详细一点，骚包一点，也可以用background-color来定义颜色~一般的话直接用background就可以了，两者在定义颜色的时候功能完全一样

Answer 3

color是字体的颜色，

background-color是背景的颜色

比如

<div style="color:#f00; background-color:#fff">123</div>

就是白底红字

本回答被网友采纳

Answer 4

楼上的说得很对，功能嘛，那导航栏那边，在CSS时写a:link { color:red;backgournd-color:#fff;} a:hover { color:blue;backgournd-color:#ooo;}意思是：当你看到导航时里面的文字是红色，背景颜色是白色，第二个是当你把光标移到导航时字体变蓝色，背景变黑色

Answer 5

color是字体的属性,即颜色，而background-color是背景颜色，如表格的背景色