当前位置:首页 » 背景图片 » css背景图片url
扩展阅读
淡淡的女人图片 2024-11-06 19:24:20
疯女人的图片 2024-11-05 22:08:33
观音佛像高清图片 2024-11-05 21:40:43

css背景图片url

发布时间: 2022-06-13 02:03:08

❶ CSS设置背景图片路径格式

.a{background-image:url(图片路径)}

图片路径可以是绝对路径、根相对路径和文档相对路径
绝对路径是包括服务器协议的完全路径,比如“网络主页”,完全路径为:http://www..com/index.htm,如果所要链接当前站点之外的文档,就必须使用绝对路径。
相对路径包括根相对路径(Site Root)和文档相对路径(Document)两种。
根相对路径(也称相对跟目录)的路径以“/”开头,路径是从当前站点的根目录开始计算。比如我们前面建的D盘myweb目录就是名为“myweb”的站点,这时“/index.htm” 路径,就表示文件位置为D:\myweb\index.htm。根相对路径适用于链接内容频繁更换环境中的文件,这样即使站点中的文件被移动了,其链接仍可以生效。

文档相对路径就是指包含当前文档的文件夹,也就是以当前网页所在文件夹为基础开始计算路径。比如,当前网页所在位置为 D:\myweb\mypic,那么:
“a.htm”就表示 D:\myweb\mypic\a.htm;
“../a.htm”相当于 D:\myweb\a.htm,其中“../”表示当前文件夹上一级文件夹。
“img/a.gif”是指 D:\myweb\mypic\img\a.gif,其中“img/”意思是当前文件夹下名为 img 文件夹。
文档相对路径是最简单的路径,一般多用于链接保存在同一文件夹中的文档。
换成图片路径也是 一样的道理

❷ 如何在css使用绝对路径的图片做背景

使用CSS background-image 属性即可达到要求。

  1. 对浏览器支持:所有浏览器都支持 background-image 属性。

  2. 定义和用法:

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

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

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

  3. 详细说明:

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

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

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

  4. 可能的值:

    url('URL') 指向图像的路径(相对/绝对路径均可)。

    none 默认值。不显示背景图像。

    inherit 规定应该从父元素继承 background-image 属性的设置。

  5. 案例:

    body
    {
    background-image:url(bgimage.gif);
    background-color:#000000;/*建议设置背景色*/
    }
    该路径可以设置为绝对路径,即:background-image:url(http://xxx.com/img.jpg);


  6. 注意事项:

    A、任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

    B、请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。

❸ 怎样设置CSS背景图片路径

background:url(../images/img.jpg);url里面就是背景图片路径了,img.jpg是文件名,images是文件夹的名字,..是上级目录

❹ CSS如何添加背景图片

通过css:background-image语句设置背景。

background-image 属性会在元素的背景中设置一个图像。根据background-repeat属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根据background-position属性的值放置。

(1)相对的文件位置:

(4)css背景图片url扩展阅读:

background-image 属性为元素元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。

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

提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。

❺ css添加背景图片无法显示

您好,最好确认下你的css是不是在本页面中 如果是存在在别的css文件中,路径是会存在问题的 ,其他属性可以实现,说明图片路径的确是存在问题的 不妨你可以试一下background-image: url("../images/9050.jpg");有没有用
还有你在本页你试一下
<style>
.sf{
background-image: url("images/9050.jpg");
width: 111px;
height: 363px;
}
</style>
<div class="sf" >123</div>
这样能显示的话就代表你原来的的确是css路径问题。
如果此css与页面不在一个目录下 那么背景的路径将会改变 希望留意一下
还有楼上所说的 图片后面的地址不用加引号,否则可能会引起部分浏览器不能显示的错误。

❻ css定义了背景图片url正确 但执行后显示不出来

<!--
body{background-image:url(file:///C|/Users/hp/Desktop/09级网页设计与制

作课程设计(2)/第二部分 CSS/素材二/bg.jpg) background-position:100% 100% no-

repeat}

-->
CSS/素材二/bg.jpg)与 background-position之间没加分号,所以background-posit之前的CSS就起不到作用,若果加了还不能显示就是路径的问题了。

❼ CSS的背景图片url怎么设置

要是不会写,就直接背景图片浏览就行了


代码就是:#nav ul { background-image: url(../ly_img/navbj.jpg); }

❽ 使用css的background:url设置背景图方法

设置背景图的方法一般是使用css的background:url来实现的,下面有个示例,大家可以参考下

复制代码
代码如下:
html,body
{
margin:0;
padding:0;
height:100%;
font-family:"Times
New
Roman"
/**/
background:url(images2/bg2m.jpg);
}

❾ 为什么我在css中设定的背景图片在浏览的时候不显示

图片路径的问题。

1、图片和网页放在同一目录下:background-image:url("图片.jpg"。

2、图片放在一个image目录下,并且image目录和网页在同一目录下:background-image:url(“image/图片.jpg”)。

3、图片放在一个image目录下,并且image目录和网页不在同一目录下:background-image:url(“../image/图片.jpg”)//两个点加一个左斜杠代表该程序的根目录。

(9)css背景图片url扩展阅读:

注意事项

注意::在css样式表中写的background-image:url(图片的路径为相对本css文件的路径,而不是我们通常认为的相对加入css样式的网页的路径);

例如:在当前目录下有 index.html 和 css文件夹(里面包含:css.css) 和 images文件夹(里面包含top.jpg)

错误的认为和写法:background-image:url("images/top.jpg"); 错误的认为图片的路径应该是针对index.html网页来说的。

正确的认为和写法:background-image:url("../images/top.jpg");图片的路径应该写的是相对css.css文件的路径

其中 ../ 表示的是上一级目录,不要写成 ./ 这是表示当前目录。

❿ 请问在css中 要插入背景图片 url地址应该怎么写

对应的相对路径这个url是指当前包含CSS的文件 统计目录的 文件夹 i 的 eg_bg_04.gif 图片