简单来讲,如果你的背景仅仅是一张图片的话,两者是一样的。background与background-image是包含关系,前者可以完成后者的功能,但后者不可以。通常在写css的时候,一般直接用background做全局设置,不单独去设置。
有一点小区别:background:是简写,除URL外,后面还可以设置图片的其他属性,用空格隔开;background-image:url就只能接图片的路径这一个属性。
如果只是background:url(),那没区别 background是背景属性的集合,不单单可以指定背景图片,还可以指定背景色等等其它属性的
这个是 background 简写,实际上 url() 是针对 background-image 的,相当于 background-image:url()...
Background-image: url():定义是此属性为设置背景图像,元素的背景占据了元素的全部尺寸。包括内边距和边框,但是不包括外边距。 重点解释以下这两句话: 首先应当明确的是html文件的运行顺序是先加载html结构再进行css的加载和修饰。 1:img标签是一个结构语言,他为引用的图片创造了一个占位空间,我把这个行为比作是吹...
background-image: url(../upload/bargain.png); 1. background: url(../upload/bargain.png) no-repeat; 1. 问题原因 因为background-img:url 后面不能跟no-repeat 其次,很重要的一点就是给一个div盒子设置背景图片的时候,一定要看这个盒子有没有高度,如果没有高度的话,背景是不会显示出来的。
background-image:url(xxx.jpg);}。background-image是指在元素背景中设置一个图像。url是指图像的地址位置。xxx.jpg是指图片名称以及前面需要添加图片路径。2、background-image默认以左上角垂直的水平方向重复。url可以使用绝对路径也可以使用相对路径。3、默认值:none;不显示默认图像。继承;no。css...
是的,同时还包含background-repeat,background-position, background-color,background-attachment的属性。所以background的属性,都可以统统写一行,这样代码很简洁 如:background:#fff url(图片地址) repeat-x left top;
background-image: url(image.jpg); 但是如果图片在一个名为 images 的子目录中,就应该是: background-image: url(images/image.jpg); 背景平铺(background-repeat) 设置背景图片时,默认把图片在水平和垂直方向平铺以铺满整个元素。这也许是你需要的,但是有时会希望图片只出现一次,或者只在一个方向平铺。以下为...