背景图层中backgroung和backgroung-image有什么区别?

css中背景图层中backgroung,用no-repeat,有一张图片,background-image,用no-repeat,没有图片了


程胜南
浏览 2650回答 2
2回答

qq_莫非

1,background 简写属性在一个声明中设置所有的背景属性。可以设置如下属性:background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-image如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。2,background-image 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。简单来讲,background与background-image是包含关系,前者可以完成后者的功能,但后者不可以。通常在写css的时候,一般来讲都直接用background做全局设置,不单独去设置。

FSYu

background:图片路径,是否重复的属性;background-image:只是图片路径,添加是否重复是无效的,要在background-repeat:no-repeat;这里写
打开App,查看更多内容
随时随地看视频慕课网APP