DIV CSS 中，如何控制显示的图片大小？ 在网页制作中如何控制DIV居中显示，用CSS怎么控制背景图片...

DIV CSS \u4e2d\uff0c\u5982\u4f55\u63a7\u5236\u663e\u793a\u7684\u56fe\u7247\u5927\u5c0f\uff1f

\u65b9\u6cd5\u4e00\uff1a

\u65b9\u6cd5\u4e8c\uff1a

1\u3001\u9996\u5148\uff0c\u6253\u5f00html\u7f16\u8f91\u5668\uff0c\u65b0\u5efahtml\u6587\u4ef6\uff0c\u4f8b\u5982\uff1aindex.html\u3002

2\u3001\u5728index.html\u4e2d\u7684\u6807\u7b7e\u4e2d\uff0c\u8f93\u5165css\u4ee3\u7801\uff1a
body {text-align: center;background: url(small2.png); background-size: 60%;}

3\u3001\u6d4f\u89c8\u5668\u8fd0\u884cindex.html\u9875\u9762\uff0c\u6b64\u65f6\u6210\u529f\u901a\u8fc7css\u63a7\u5236\u4e86div\u5c45\u4e2d\u663e\u793a\uff0c\u80cc\u666f\u56fe\u7247\u7684\u5927\u5c0f\u4e3a60%\u3002

如果你是用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来平铺填充。

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

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

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

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>

扩展阅读：div css布局模板 ... 表格怎么去除#div0 ... css媒体查询 @media ... css让div居中的几种方法 ... css悬停时显示隐藏的div ... 如何用div和css布局 ... div css布局实例 代码 ... css中div的内外边距设置 ... css如何让div中的元素居中 ...