背景:VS背景色。有什么不同?

时间:2019-11-19 12:52:38

标签: css

Background-color:rgb按照我的预期工作,但是background:rgb填满了整个div。我看过的每一篇教程都告诉我,这两个基本相同,只是速记可以具有更多的属性。

观看此视频以供参考。 https://www.youtube.com/watch?v=10Q5D8kUMQo

1 个答案:

答案 0 :(得分:2)

background是以下各项的简写属性:

 - background-color
 - background-image
 - background-repeat
 - background-attachment
 - background-position

您可以详细了解每个属性here

财产订单

在大多数浏览器实现中(我认为可能是较旧的浏览器可能会出现问题),属性的顺序并不重要,除了:

  • background-originbackground-clip:当同时存在这两个属性时,第一个属性引用-origin,第二个属性引用-clip

    示例:

    background: content-box green padding-box;
    

    等效于:

    background-origin: content-box;
    background-color: green;
    background-clip: padding-box;
    
  • background-size必须始终跟随background-position,并且属性必须用/

  • 分隔。
  • 如果background-position由两个数字组成,则第一个是水平值,第二个是垂直值。