backgroundurl路径(CSS里background url路径怎么改) |
您所在的位置:网站首页 › css中的img › backgroundurl路径(CSS里background url路径怎么改) |
本文目录CSS里background url路径怎么改background: url(“img/ban1.jpg“)是什么意思CSS里的background url怎么设置呢background:url(../images/my_19.jpg) 这里的两个点是什么路径background-image:url()用法asp.net网站css中background-Image:url路径的问题外联css样式表中应该如何 写background-image: url()中的图片路径呢 这里我对相对路径不是很明白把一background-image:url()路径问题css问题:background url 后的数字表示什么background:url和background-image: url有什么区别CSS里background url路径怎么改 CSS里background url路径background:url(../images/***.jpg)../ 表示向上一级,以此类推,../../表示向上两级 background: url(“img/ban1.jpg“)是什么意思background:url(““)是css里定义背景的属性,img/ban1.jpg是具体的图片路径 合起来的意思就是把图片img/ban1.jpg作为背景 CSS里的background url怎么设置呢需要准备的材料分别有:电脑、浏览器、html器。 1、首先,打开html器,新建html文件,例如:index.html。 2、在index.html中的《style》标签中,输入css代码:body {background-image: url(img/image.jpg)}。 3、浏览器运行index.html页面,此时成功把同级的img文件夹中的image.jpg用css设置为了背景图片。 background:url(../images/my_19.jpg) 这里的两个点是什么路径不知道你说的是:还是括号里的..background:后面添加的是背景图片括号里的..是指图片相对路径的书写形式,在相对路径中./表示本文件所在的文件夹,../表示上一级../../表示上上一级的文件夹 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)“ 。 asp.net网站css中background-Image:url路径的问题同级文件夹的话,直接写名字就好了,就是你的第一种情况url就是img.jpg,如果不同级,也分两种,一种是图片文件夹与页面同级,那就写文件夹/图片名,img/img.jpg一种是页面属于一个文件夹,图片属于一个文件夹,这种情况是首先页面要退到和图片文件夹同一阶层,退回的表示是..,也就是../img/img.jpg,退回多少层,就用多少个..,例如要退回两次才能和img文件夹同一阶层,就是../../img/img.jpg 外联css样式表中应该如何 写background-image: url()中的图片路径呢 这里我对相对路径不是很明白把一相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。1 两个文件在同一个文件夹下,直接写文件名即可假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\index.html在info.html加入index.html超链接的href应该这样写:index.html2 要引用的文件在下一级文件夹下,文件名前加子文件夹名称假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html在info.html加入index.html超链接的href应该这样写:html/tutorials/index.html3 要引用的文件在上一级文件夹下,文件名前加../假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html在info.html加入index.html超链接的代码应该这样写:《a href=“../index.html“》index.html《/a》举一反三: ../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。4 更复杂的情况:假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html假设index.html路径是:c:\Inetpub\wwwroot\sites\html\index.html在info.html加入index.html超链接的代码应该这样写:《a href=“../html/index.html“》index.html《/a》css的例子:如果:网页文件夹下有3.gif和themes文件夹; themes文件夹下有css文件、1.gif和images文件夹; images文件夹下有2.gif那么CSS文件中可以写:background:url(images/2.gif);background:url(1.gif);background:url(../3.gif);我自己喜欢用dreamweaver,点了url以后在对话框中选图片,免得写错。。 background-image:url()路径问题Custom.css和themes是平级吗?是的话试试background-image:url(base/images/title.png),去掉themes/ css问题:background url 后的数字表示什么background:url(../images/nav-bg.gif) 0px -32px no-repeat; 对应background:url(路径) top(也就是距容器上边距的距离) left(也就是距容器左边距的距离) 重复方式;也可以分开写成不同的属性:background-url:’../images/nav-bg.gif’;background-position:0px -32px;background-repeat:no-repeat; background:url和background-image: url有什么区别有一点小区别:background:是简写,除URL外,后面还可以设置图片的其他属性,用空格隔开;background-image:url就只能接图片的路径这一个属性。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |