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

78

在HTML中，什么时候使用颜色，background-color和background标签之间有什么区别？

有什么区别？

html css

— 狗狗
source

2

欢迎伊沃。阅读如何提问-首先按照@Barthy的建议进行搜索和研究

— micstr

2

@Barthy这就是为什么它被低估了。这表明缺乏研究。

— Dalija Prasnikar '16

6

仅仅因为某处记录了某些内容并不意味着您无法在SO上提出问题

— Dave Cousineau

1

@DaveCousineau由于Dalija Prasnikar所说的缺乏支持，它被否决了，在（stackoverflow.com/help/how-to-ask）中，它说您应该显示一些研究。

— Doggo

这是该问题的最高结果，我正在使用duckduckgo。因此，是的，几秒钟的互联网搜索将某人带到了这里，这并不是一件坏事。

— 马特

136

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

background-color 指背景色

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

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

在一行中合并颜色，图像和背景图像属性，而不是分别键入每种样式。

w3schools

— 托马斯·拜
source

5

老师在那里告诉我们如何进行的，并解决任何读书者的疑问：对简单的问题给出简单的答案。但是，并不是每个人都能为一位好老师付出代价。对我而言，重要的是学习，而且并不是每天都有时间和精力去挖掘隐藏的答案。如果您的部门是正确的，那么此站点将没有太大的价值。

— 罗德里戈（Rodrigo）

5

我将使用此html元素给您一个示例：

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

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

CSS颜色用于更改html元素的文本颜色。在此示例中，“这是我的文字”将为红色。CSS background-color用于更改背景颜色，因此在这种情况下，您会得到一个黑色框，其中带有红色文本。最后，背景用于在一个声明中设置所有背景属性。例如：

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

这将更改背景颜色，将图像“ smiley.gif”添加到背景，并使图像居中，如果有空格，则不会重复图像。

— 胡安·帕勃罗
source

4

快速回答

颜色=文字颜色
Background-color =背景色
Background =可让您设置颜色，图像等。

在这个伟大的教程被发现在这里

— 干胡椒
source

2

的确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>

展开摘要

— 史蒂芬·斯潘金（Steven Spungin）
source

2

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

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

要么

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

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

— Ifbi开发
source