css怎么引用本地背景图片?

html-css039

css怎么引用本地背景图片?,第1张

在 CSS 中引用本地背景图片可以使用 background-image 属性,并将图片路径指定为本地文件路径。例如:

body {

background-image: url('./images/bg.jpg')

}

其中 ./images/bg.jpg 是图片的本地文件路径,可以根据实际情况替换为其他路径。

请注意,如果您的 CSS 文件和图像文件不在同一目录中,则需要使用绝对路径或相对路径来指定图像文件的位置。

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

直接在 css 文件里面写:body{background: url(../image/nav_on.gif)}

写好保存 css 后刷新网页,如果 index.html 和文件夹里面那个 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后又是浅色背景色,那种不是没出来,而是视觉上看不出来。