Question

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

例如：20x20的图片，我想在网页上40x40的地方表示。
或者 40x40的图片，在20x20的地方表示，（当然是全部表示。）
该如何做呢？

Answer 1

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

Answer 2

如果你是用IMG标签来显示你的图片的话，可以这样分类方便自己的操作.size40
img{width:40px;
height:40px;}.size20
img{width:20px;
height:20px;}这样在相应的区域里面的图片无论大小是多小都会按照区域大小来限制了。

Answer 3

你可以把这个大小写到css中，定义个样式如：.img {width:40px;height:40px;}然后在图片标签中引用就行了<img src="#" class="img" />

Answer 4

就直接这么写<img src="" width="" height="" />图片想要显示多大，就写多大。

Answer 5

1、CSS 中控制显示的图片大小，可以直接定义在CSS中定义图片宽度width和高度height。
比如：
<style>
.pic img{width:40px;height:40px;} /*这里直接定义了pic的图片宽度和高度*/
</style>
<div class="pic"><img src="图片.JPG"></div>
2、在网页中通过html代码直接写图片的宽度和高度。
比如：
<div class="pic"><img src="图片.JPG" width="40" height="40"></div>