怎样用css给一个空div添加背景图片

如题所述

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>liuxing test</title>
<style type="text/css">
.divbgpic{
background-image:url('jquery/jquery-ui-1.9.1.custom/jquery-ui-1.9.1.custom/css/base/images/ui-icons_cd0a0a_256x240.png');
width:500px;
height:500px;
}
</style>
<script type="text/javascript"
src="jquery/jquery1.7.1/jquery-1.7.1.min.js"></script>
</head>
<body>
<div class="divbgpic"></div>
</body>
</html>

background-image:url('jquery/jquery-ui-1.9.1.custom/jquery-ui-1.9.1.custom/css/base/images/ui-icons_cd0a0a_256x240.png');这样子

追问

还有,怎么定位div的位置啊??因为我的网页中div不止一个,修改最后那一个,但是老是看不到
我试了,找不到啊,不知道跑哪里去了

追答

用fire-bug找,或者上你的代码。

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-04-22
加背景的话,这个div起码得有背景图片的高度,不然显示的就只有一点了。
第2个回答  2013-04-28
空div设置背景图片必需给div定高度宽度。这样背景才能显示出来
width:960px;height:50px
background-image:url('jquery/jquery-ui-1.9.1.custom/jquery-ui-1.9.1.custom/css/base/images/ui-icons_cd0a0a_256x240.png');
第3个回答  2013-04-22
这个要看到你的网页呀,因为有太多的原因会导致这个问题的发生了哦

css添加背景图片代码?
1、我们首先打开前端开发工具,新建一个html代码页面。2、在html代码页面上创建一个用于设置背景颜色的div标签,然后给这个标签添加上class="bg-img"。3、设置背景图片,创建style标签,然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。4、保存html代码,使用浏览器打开,这个时候会发...

css如何在盒子添加图片?
我们首先打开前端开发工具,新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签,然后给这个标签添加上class=bg-img。首先,打开html编辑器,新建html文件,例如:index.html。css代码添加背景图片:1.背景颜色:background-color语法:{background-color:数值}注意:在html当中,要为...

背景图片html代码css?
首先看下html代码,一个空的div,什么内容都还没放上。02 为这个div写上一些美化的样式。03 刷新页面,看下效果,现在就是显示一个有边框的div。04 要用css为这厅毁咐个div加上扮纯背景图片,只需要加上background-image的样式,后面的值余尺就是图片的地址了。background-image:url(12.jpg);05...

怎样用css给一个空div添加背景图片
width:500px; height:500px; }<\/style><script type="text\/javascript" src="jquery\/jquery1.7.1\/jquery-1.7.1.min.js"><\/script><\/head><body><div class="divbgpic"><\/div><\/body><\/html>background-image:url('jquery\/jquery-ui-1.9.1.custom\/jquery-ui-1.9.1....

div 怎样插入背景图片
第一种:<div style="background:url(images\/2.jpg); height:200; width:200;"><\/div>第二种:head部分引入 <style>.div{background:url(images\/2.jpg); height:200; width:200;}<\/style>第三种:在head部分引入外部样式表 <link rel="stylesheet" type="text\/css" href="css\/style.css...

css怎么给div加背景图片
通过css:background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根据 background-position 属性的值放置。(1)相对的文件位置:(2)测试代码...

如何给div加图片?
1、首先你是通过第二种方式插入的是背景图片,直接用width和height只能控制div的宽度和高度。2、如果你插入的图片是通过<img>标签的方式来插入的话,可以通过<img>自身的属性控制图片大小,代码格式是:<img src="图片路径" width="图片宽度" height="图片高度"\/>。3、如果非要通过css控制背景图片的...

设置div背景图片(急急急
步骤1:新建一个html页面,修改里面的代码,添加1个div标签,id为div1,同时准备2张图片作为背景图分别叫“01.jpg”和“02.jpg”,此时div1未设置背景图,在浏览器中显示为 步骤2:div1采用css内嵌式写法设置背景图片,代码及浏览器中显示的效果为 步骤3:div1换用css行内样式写法设置背景图片,代码...

css如何设置背景图片?background属性添加背景图片
可以通过在背景图片上叠加一层透明div,再调整z-index和background-repeat属性。例如,z-index:-10可使div在其他元素之下,background-repeat:no-repeat阻止图片重复。总的来说,CSS通过background属性提供了丰富的选项,以满足不同场景下的背景图片需求。熟练掌握这些技巧,你的网页设计将更加生动多彩。

30.css如何设置背景图片css背景图片怎么设置
css代码添加背景图片:1.背景色:背景色 语法:{background-color:数值} 注意:在html中,给对象添加背景色只有一种方法,就是先做一个表格,在表格中设置背景色,然后把对象放入单元格中。这样做很麻烦,不仅代码多,而且对于表格的大小和定位也要费些脑筋。表格背景颜色:style=如果在另一个参数后使用,...

相似回答