DIV CSS 中，如何控制显示的图片大小？

html-css022

DIV CSS 中，如何控制显示的图片大小？,第1张

如果你是用IMG标签来显示你的图片的话，可以这样分类方便自己的操作<div class="size40"><img src='图片路径' /></div><div class="size20"><img src='图片路径' /></div><style type='text/css'>.size40 img{width:40pxheight:40px}.size20 img{width:20pxheight:20px}</style>这样在相应的区域里面的图片无论大小是多小都会按照区域大小来限制了。如果你是用background来显示图片则不能控制图片的缩放，只能控制显示区域，对于小于40*40的20*20图片如果你只想填充的话可以加入repeat来平铺填充。

只能让图片看起来像是100和150

指定div的宽度，然后用百分比设置图片的宽：

div{

  overflow:hiddenwidth:400px

}

div img{

  width:50%

}