Question

在HTML中我什么时候使用颜色，背景颜色和背景标签之间有什么区别？

有什么区别？

Answer 1

color指的是该元素中的文字颜色。

background-color指的是背景颜色

background是将许多背景标记合并为一行的简写。

background: #ffffff url("img_tree.png") no-repeat right top;

将颜色，图像和背景图像属性组合在一行中，而不是单独键入每种样式。

w3schools

Answer 2

关于这两个css属性的一件大事是，背景色不会覆盖已为此设置的图像或渐变：

background:url('https://example.com/image.jpg');

或

 background: linear-gradient(to bottom, #1e5799 0%,#2989d8 20%,#207cca 51%,#7db9e8 100%);

如果您尝试将背景从图像更改为颜色，则必须使用background属性。

Answer 3

快速回答

颜色=文字颜色
Background-color =背景颜色
Background =为您提供设置颜色，图像等的可能性......

有关此的精彩教程here

Answer 4

我将使用这个html元素给你一个例子：

<span class="value"> This is my text </span>

.value { color: red, background-color: black}

CSS颜色用于更改html元素的文本颜色。在这个例子中＆＃34;这是我的文字＆＃34;会是红色的。 CSS背景颜色用于更改背景颜色，因此在这种情况下，您将获得一个带有红色文本的黑盒子。最后，后台用于在一个声明中设置所有背景属性。例如：

background: #00ff00 url("smiley.gif") no-repeat fixed center;

这会改变背景颜色，添加图像＆＃34; smiley.gif＆＃34;在背景中它使图像居中，如果它有空间，它就不会重复图像。

Answer 5

与background相比，background-color确实提供了更多的选择。但是，如果您只需要设置背景颜色，则它们是完全相同的，并且如代码段所示，它们将覆盖其他颜色。

background: yellow;

background-color: yellow;

.bc {
  background: yellow;
  background-color: green;
}

.bc2 {
  background-color: green;
  background: yellow;
}

<div class='bc'>
  bc { background:yellow; background-color:green; }
</div>

<div class='bc2'>
  bc { background-color:green; background:yellow; }
</div>

Answer 6

color : 用于为标签内的文本添加颜色。

颜色：蓝色；

background-color：用于为标签内的内容背景添加颜色。

背景颜色：红色；

background : 用于为 Tag 内的内容添加不同类型的背景属性名称。

背景：红色 url('image.png') 固定重复封面；

CSS颜色与背景颜色与背景颜色？

6 个答案: