Ⅰ 关于CSS 背景图片的存放路径
如果是自己的图片,最好不要用物理路径,这样你网站放在别的地方就找不到图片了.最好使用相对路径,这样网站放在其它地方也是正常的.
当然,如果是网络的图片,就直接用图片的网络地址就可以了.当然建议你还是把图片下载下来,因为别人的图片不能保证一直可以使用的.
Ⅱ css怎么调整背景图片的位置
1、首先打开前端开发工具,新建一个html代码页面。
Ⅲ css背景图片的地址必须是网上的吗如果是,那要上传到哪里哪都行吗
必须是网上的
将鼠标移动到图片上,点击鼠标右键,选择“属性”。
最后ctrl+c再ctrl+v就OK了!
Ⅳ CSS文件中,背景图片路径,依照“CSS文件”还是“引入该文件的HTML文件”的位置进行计算
是依照css文件所在路径来确定背景图片的相对路径的,所以最好是把css文件与图片放在同一文件夹,这样就无需再写图片的路径(不管这个css文件被哪个html文档引用都一样),只写图片文件名即可,服务器会自动在css文件所在文件夹查找图片。
顺便说一句:如果是直接写在html文档内的css代码,里面的背景图片路径则是按照html文档所在路径来计算的。
Ⅳ CSS使用图片做背景,如何精确定位图片位置
根据你的图片做了下面的样式,主要做法是定位,切割图片,可以使用windows的画图工具先定位每个你需要的图片的位置(在下面的状态栏有坐标,得到的坐标前面加上一个负号),图片左上角为x/y对应的0/0, background-image:相对地址指定背景图像, background-position:指定背景图像位置, 下面是例子,这个要多练习研究就会了。多看看CSS方面的说明 .icon {background-image: url(back_image.png)} .head {height: 26px; background-position: -42px -222px; background-repeat: no-repeat;} .btn {cursor:pointer; border:0; width: 107px; height: 26px; background-image: url(back_image.png); background-position: -42px -222px; background-repeat: no-repeat;} <div style="width: 107px; height: 200px;" <div class="icon head" style="line-height: 26px; padding-left: 20px;"这是头部</div 这里是内容!</div</div/<input type="button" class="btn" value="按钮"
Ⅵ CSS里的background url怎么设置呢
background: url(images/footer.jpg) top center no-repeat;
里面最重要的就是路径问题,你要把图片的路径写对,要不然是加载不了图片的
Ⅶ 如何调整css背景图片的位置
你的CSS样式写的太不规范了,
#Channel_boundary{
width:1px;
background: #D4D0C8 repeat-y;
float:left;
height:60%;
line-height:60%;
background-position:10px 20px;
}
设置背景色的时候,不能用repeat-y这类属性,也不能用背景定位background-position,这些属性只用在背景图片的时候。还有在设置高度的时候最好不要用百分比,将样式修改一下就OK了。如下:
#Channel_boundary{
width:1px;
background-color: #D4D0C8;
float:left;
height:20px;
margin-top:10px;
overflow:hidden;
}
height和margin-top的值可以自行调整,直到你满意的位置为止。
Ⅷ 怎样设置CSS背景图片路径
在CSS文件里,有时要用到background-image,即加一个背景图片,一般在显示标题时会经常用到。
现在来看两个文件目录:
/css/admin/main.js //js文件的目录
/css/admin/image/show.gif //图片的目录
举例:
1、现在在main.js文件里要用show.gif来做背景图片,那么要这样来写:background-image:url(image/td-top-4.gif);
这样写路径是因为main.js和image文件夹都是在css目录下的。
2、如果现在需要在一个jsp页面里定义这个图片路径,jsp页面ShowImage.jsp在test文件夹里,而test和css又在同一个目录下面,这时的图片路径就要有所改变了:
background-image:url(../css/admin/image/td-top-4.gif);这样即可正确的显示图片了。
这里的../是指回到上一层目录,如果是上两层目录呢?那就是../../。
当然,如果加上绝对路径不管怎么样都不会出错了,不过不推荐使用绝对路径,不利于程序的移植。