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

发布网友发布时间：2022-04-22 07:31

我来回答

共8个回答

热心网友时间：2022-04-16 06:06

区别：作用不同

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 属性的设置。

热心网友时间：2022-04-16 07:24

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

热心网友时间：2022-04-16 08:58

color是字体的颜色，

background-color是背景的颜色

比如

就是白底红字

热心网友时间：2022-04-16 10:50

background可以设置图片，背景图拉伸、背景图大小、背景图相对位置、背景颜色等;而background-color只能设置背景色;

热心网友时间：2022-04-16 12:58

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

热心网友时间：2022-04-16 15:22

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

热心网友时间：2022-04-16 18:04

css颜色

热心网友时间：2022-04-16 21:02

color文字颜色
background-color背景色

全部栏目

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