css中图片的路径问题

css中图片的路径问题,第1张

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

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

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

希望对lz有帮助

css 里面引用路径看上去是对的:background: url(/image/nav_ongif);

直接在 css 文件里面写:body{background: url(/image/nav_ongif);}

写好保存 css 后刷新网页,如果 indexhtml 和文件夹里面那个 php 页面看背景是不是会出现在整个网页上,没有的话说明你代码或引用css文件的方法有错误。

如果整个页面都出现了背景图的话,最大可能就是你的a没足够的宽度高度,背景实际上是引用正确了的,因为宽高不够,没显示出来,请把你的 #choice 设为块级元素并给足够的宽高值,即:

#choice{

display: block;

width: xxx;

height: xxx;

}

a链接默认是行内元素,行内元素大小是由它里面包含的:文字、、多媒体及其他html元素的大小决定的。

行内元素里面包含的大小有多大,就只会把行内元素撑开成多大,比如:<a>123</a>

上面这个 a 链接里面只有 123 三个字符(假设字号是12px,行高是默认),那 a 的实际大小就只是比三个字占的面积略大一点,大概高15px、宽40px左右,你css里面设置宽度300px,高度300px,这个 a 是不会变大的,当你 display: block; 把 a 这个东西改成块级元素了,就会变成你设置的 300px 宽高。

还有个,经常有才学的人弄个浅色背景图,网页或a:hover后又是浅色背景色,那种不是没出来,而是视觉上看不出来。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml。

2、在indexhtml中的<style>标签中,输入css代码:body{background-image: URL(//image/imagejpg)}。

3、浏览器运行indexhtml页面,此时CSS成功通过相对路径引用了。

至于CSS目录有些人喜欢建在网站根目录下,也有些人喜欢建在images目录下,看你个人网站目录结构了,怎么建都无所谓。

如果想把CSS文件导入到Jsp文件中,只要在<head></head>标签中写入如下语句即可:

<head>

<link type="text/css" rel="stylesheet" href="css/indexcss" />

</head>

其中“href”属性就是指向你的CSS文件路径,

这样就把这个CSS样式应用到你的程序中了

一、输入你的账户和密码并登录到网站后台。

二、通过FTP将准备好的模板和默认模板一起上传到/templates。

三、在网站后台,点击系统基本参数。此时,您可以看到下面有一个“模板默认样式”,用于将默认“default”更改为模板文件夹名称并保存它。

四、单击生成更新主页。您可以看到“选择主页模板”后面仍然跟着“default””。此时,将其更改为“模板文件夹名称”。单击“更新”。

五、此时,主页正常,但列和内容页仍与以前相同。那是因为没有更新。在这里,我们需要更新列和内容页并更新缓存。

六、此时,主页将在后台生成并点击浏览。网站将正常显示,栏目和内容也将正常。如果仍然与原始页相同,则可以强制更新页或此时按F5键。

在CSS文件里,有时要用到background,即加一个背景,一般在做按钮样式时会经常用到。

css中加背景根据及css文件的相对位置分一下几种类型:

1同包下:background : url(aaagif);

2不同包:

在这种情况下有2中方法可以设置,一种是使用绝对路径,即>

比如说你域名是XXCOM 那么根目录"/"就是XXCOM 网站的绝对路径就是>

<link rel="stylesheet" rev="stylesheet" href="style/listcss" type="text/css"/>你采用的是相对路径,如果你启动tomcat后,css不显示,有可能是eclipse在部署的时候,没有将这个css文件拷贝过去。你可以重新部署一次。如果不想用相对路径,你可以用绝对路径<link rel="stylesheet" rev="stylesheet" href="<%requestgetContextPath()%>style/listcss" type="text/css"/>但这个样子,在dreamweaver里,css显示就不正常了。

以上就是关于css中图片的路径问题全部的内容,包括:css中图片的路径问题、html与css中图片引用路径问题、CSS引用图片相对路径符号怎么写等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9630635.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存