如何用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