background-image属性url(backgroundimage属性平铺)

background-image: url()的url 怎么写？

background-image:

url(D:\MyWorkPlace\soft\skin\image\Default.gif)；

一般不建议这样存储网站文件，最好是放在项目中的Images图片文件夹内。项目中用到的所有图片资源都要放在项目目录中，不然只能在你的本地电脑浏览网页，如果发送给别人或部署在服务器端，网页会因为url找不到路径，而显示不全。

扩展资料：

CSS

background-image属性用来设置一个元素的背景图像。

元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。

默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。

background-image参数值：

参考资料：搜狗百科-CSS

background-image

background-image:url()用法

background-image:url()用法如下：

background-image为元素设置背景图像，占据了元素的全部尺寸。

1、示例：

.div{。

background-image:url（xxx.jpg）；}。

background-image是指在元素背景中设置一个图像。

url是指图像的地址位置。

xxx.jpg是指图片名称以及前面需要添加图片路径。

2、background-image默认以左上角垂直的水平方向重复。

url可以使用绝对路径也可以使用相对路径。

3、默认值：none；不显示默认图像。

继承;no。

css3中属性值可以是多值模式，多个用英文逗号分隔。

示例:

background-image。

url(aaa.jpg)。

url(bbb.jpg)。

4、background-position属性设置图像的起始位置。

background-repeat定义图像的平铺模式。

background-attachment定义图像固定或者是页面滚动。

5、javascript使用：object.style.backgroundImage="url(xxx.jpg)" 。

background-image属性是什么？

background-image属性为元素设置背景图像。

background-image属性用于为元素设置一个或多个背景图像，多个背景图像使用逗号来分隔。各个背景图像以堆叠的方式逐张放置在元素的上面。

在各个背景图像层中，第一个图像层最接近屏幕前的观察者。元素的边框会被绘制在背景图像的上面，而元素的background-color（背景颜色）则会被绘制在所有背景图像的下面。

background-image属性值模式

background-image的属性值模式就是用来给它加“特技”的。它的值模式有：

1、url()模式；

2、linear-gradient()模式；

3、repeating-linear-gradient()模式；

4、radial-gradient()模式；

5、repeating-radial-gradient()模式；

6、none特殊值。

除了url()模式，其他模式在其他的文章中都有过详细的介绍，如果不知道，出门左转。下面我来讲讲url()模式。和image标签中的src写法类似，url()中可以写绝对路径，也可以写相对路径，甚至也可以写其他域名下的图片资源。另外url()中的路径加不加引号也无所谓。

background-image: url();这句的作用和好处？

background-image 属性会在元素的背景中设置一个图像。

根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

初始背景图像（原图像）根据 background-position 属性的值放置。

background 是用于在一个声明中设置所有背景属性的一个简写属性。

通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。

参考资料：