CSS3中背景属性的主要区别是啥?

Posted

技术标签:

【中文标题】CSS3中背景属性的主要区别是啥?【英文标题】:What is the main difference in background property in CSS3?CSS3中背景属性的主要区别是什么? 【发布时间】:2015-03-11 04:34:02 【问题描述】:

我想知道这些属性之间的主要区别是什么

body 
background-image: url("paper.gif");
 

body 
background: url("paper.gif");
 

以上两个属性的结果都是一样的,都是显示背景图片,我们也可以这样放颜色

body background-color: #cccccc;

body 
background: #cccccc;
 

以上两个属性都会产生浅灰色背景色,那么这些属性之间的主要区别是什么?

【问题讨论】:

***.com/questions/10205464/… 【参考方案1】:

背景属性是一种快捷方式,它允许您在一个语句中指定多个参数。例如,您可以使用:

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

当您使用 background-color 属性时,您只是专门设置颜色。因此,在您的示例中,实际上没有区别 - 无论您使用哪种方法,最终结果都是相同的。

【讨论】:

以上是关于CSS3中背景属性的主要区别是啥?的主要内容,如果未能解决你的问题,请参考以下文章

CSS3之背景

CSS3的基础知识点

css3背景颜色渐变属性

css和css3的区别

设置页面的属性包括的内容是啥

transition属性是啥意思