css设置img标签宽度无限

html-css05

css设置img标签宽度无限,第1张

在css中，如果是img图片，可以使用width属性来控制图片宽度，例“img{width：100px}”；如果是背景图片，则使用background-size属性来控制图片宽度，语法“background-size：宽度 高度”。

使用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)"             //都是使用驼峰写法~~~

} 

---------------------------------------------------------------

.a{background-image:url(图片路径)}

图片路径可以是绝对路径、根相对路径和文档相对路径

绝对路径是包括服务器协议的完全路径，比如“百度主页”，完全路径为：http://www.baidu.com/index.htm，如果所要链接当前站点之外的文档，就必须使用绝对路径。

相对路径包括根相对路径（Site Root）和文档相对路径（Document）两种。

根相对路径（也称相对跟目录）的路径以“/”开头，路径是从当前站点的根目录开始计算。比如我们前面建的D盘myweb目录就是名为“myweb”的站点，这时“/index.htm” 路径，就表示文件位置为D:\myweb\index.htm。根相对路径适用于链接内容频繁更换环境中的文件，这样即使站点中的文件被移动了，其链接仍可以生效。

文档相对路径就是指包含当前文档的文件夹，也就是以当前网页所在文件夹为基础开始计算路径。比如，当前网页所在位置为 D:\myweb\mypic，那么：

“a.htm”就表示 D:\myweb\mypic\a.htm；

“../a.htm”相当于 D:\myweb\a.htm，其中“../”表示当前文件夹上一级文件夹。

“img/a.gif”是指 D:\myweb\mypic\img\a.gif，其中“img/”意思是当前文件夹下名为 img 文件夹。

文档相对路径是最简单的路径，一般多用于链接保存在同一文件夹中的文档。