使用img图片--使用width属性标签定义 HTML 页面中的图像。而width属性设置元素的宽度。背景图片—使用background-size属性background-size属性指定背景图片大小。
你可以使用jq来改变，，
css：
<style>
.div{
background:url("test.jpg") no-repeat
border:solid 1px red
height:200px
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
$(".div").click(function(){ //写了点击测试效果
$(this).css({
"background" : "url('menu.jpg') no-repeat",
"borderColor" : "blue"
})
})
})
</script>
html：
<div class="div" onclick="changeBg(this)"></div>
测试：
初始
点击后
js：
---------------------------------------------------------------
function changeBg(obj){
obj.style.backgroundImage="url(menu.jpg)" //都是使用驼峰写法~~~
}
---------------------------------------------------------------
不是。css中默认img的display属性是inline，只有body、div、p、h1等少数拥有块定义。
如果需要img有块的属性，还需在css中定义
img {display:block}
