CSS里的图片地址

html-css06

CSS里的图片地址,第1张

用相对路径和绝对路径都是可以的，关键是在css里面写的路径要保持一致。例如 css里面如果写 images/1.jpg ，css文件与a.html在同一文件夹下是没有问题的。如果b.html与a.html不在同一文件夹下的话。那么b.html调用css文件的话一定会出问题的。css里面可以这样写“/images/1.jpg ”把images文件夹放到网站根目录下就好了。

用Css设置图片的位置的话：

1.通过position的绝对定位，然后在通过left和top就可以设置你的图片位置了；代码如下

<div style='position:absolutleft:0pxtop:0px'>

<img src='图片地址'>

</div>

2.通过div+css的布局来实现给定一个包裹图片的div默认位置就行，代码如下

<div>

<div style='flaot:leftwidth:330pxheight:200px'>

<p>我是左边的</p>

</div>

<div style='flaot:leftwidth:330pxheight:200px'>

<img src='图片地址'>

</div>

</div>

../12/images/10.gif用的是相对路径，这个路径是

该css文件的上一级目录中的12这个文件夹里面的images文件夹里面的10.gif这张图片

你可以对照查看一下该图片是否存在

希望对lz有帮助