html 中div背景图像的宽度怎样设定

具体代码怎么写(急!)

直接设置div的宽度其背景图像的宽度自然就会改变。效果实例如下:

<html>
<body>
<style type="text/css">
.div{ width: 200px; height: 100px; background-image: url(1.jpg); }
</style>
<div class="div"> 
</div>
</body>
</html>

更改宽度width即可改变div背景的宽度

温馨提示:内容为网友见解,仅供参考
第1个回答  2011-11-09
背景宽度无法设定。

可以里面套一层div,设定div的宽度和背景本回答被提问者采纳
第2个回答  2015-11-09
使用background-size属性可以设置
例如:
div{
background-size:100% 100%;

}
第3个回答  2011-11-09
看看这个行不行:
backgroun:url(xxx.jpg) center 0 repeat(还有横向上平铺repeat-x,纵向上平铺repeat-y); text-align:center; margin:0 auto;

html里图片怎么改大小
1、直接添加宽高属性:<img src="" width="200" height="200"> 2、在样式表中定义:img {height:200px;width:200px;} 这样的弊端是如果图片比例不等就会出现图片拉伸,要么改图片或限制图片最大宽\/高度,后者建议使用js解决。3、指定div里背景图大小的方法如下:div{ background:url(img_flwr....

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

div+css如何改变背景图片大小
3-将图片写在img标签里,然后对图片和div进行相对定位\/绝对定位,效果是图片尺寸不会随浏览器缩放而变化,但是如果有竖直滚动条时,图片不会固定而会随滚动条移动。只需要把图片的宽度width设置成100%就行了。

求助,关于DIV背景图的设置问题。
你可以先把图片放在potoshop中,改成180px的,然后直接放在background中就可以了。。。

div背景图片大小随div大小变化而变化怎么做到
div背景图片大小随div大小变化而变化,可以指定背景图片的尺寸来实现,详细方法如下:CSS样式文件中,针对img标签添加:background-size属性 详细操作如图:background-size:cover属性的作用详解:他的作用是,把背景图像扩展至足够大,以使背景图像完全覆盖背景区域,背景图像的某些部分也许无法显示在背景定位...

html调整图片大小
设置图片的宽度高度,只有一张图片的设置 <img src="img\/s12_01.jpg" style="width:100px; height:100px;" \/> 多张图片使用样式控制 <img src="img\/s12_01.jpg" class="img_style" \/> <style> .img_style{width:100px; height:100px;} <\/style> ...

怎么制作一个固定大小的html页面
1、如图,我们对div设置固定宽度和高度。2、图像预览效果如下所示。3、然后在div里面插入一张图片,如图。4、插入图片后,在预览中看到的效果,明显图片已经将父级的背景尺寸给盖住了,图片偏大了。5、然后这个时候,将图片的宽度设置为何父级一样的宽度,代码就是width:100%;这里的100%会自动跟随父...

html如何将图片做背景html如何将图片做背景透明
设置背景图片。创建style标签,然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。保存html代码,使用浏览器打开,这个时候会发现浏览器上的背景图片显示在左上角。回到html代码页面,在bg-img类里添加background-position:center的样式。保存html代码后重新刷新浏览器,这个时候会发现浏览...

HTML如何弄图片大小?
加个不重复 no-repeat;<div style="position: absolute; width: 209px; height: 205px; right: 38px; top: 323px; background-image: url(logo.png) no-repeat;"> <\/div> 友情扩展下:repeat 默认。背景图像将在垂直方向和水平方向重复。repeat-x 背景图像将在水平方向重复。repeat-y ...

HTML中怎么让背景图片跟着浏览器窗口变大变小?
div设置背景图片,窗口宽度变小后背景图片会缩小变成两个三个,css应该怎么改? css3的background-size和media query可以实现,但是IE8以下的内核浏览器不支持,但这是正确方法。 js也可以实现,侦测窗口变化,改变div的class属性,如div_a变为div_b,两个的背景属性不一样。这个兼容性好,但比较麻烦...

相似回答