如何用DIV+CSS控制图片大小范围

在css中，将图片的宽度设置为100%，然后控制div的大小范围便可实现控制图片的大小范围。下面小编举例讲解如何用DIV+CSS控制图片大小范围。

东西/原料

1
新建一个html文件，定名为test.html，用于讲解若何用DIV+CSS节制图片巨细规模。
2
在test.html文件内，利用div标签建立一个模块，在div内，利用img标签建立一张图片。
3
在test.html文件内，设置div标签的id为kkk，本家儿要用于下面设置其样式。
4
在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
5
在css标签内，经由过程id(kkk)设置div的样式，界说其宽度为200px，同时设置div内的img图片的样式，利用width属性设置图片的宽度为100%。
6
在浏览器打开test.html文件，查看实现的结果。
END