控制頁面內的圖片尺寸

在頁面上使用圖片時，如果簡單的設定圖片路徑，圖片會按照本身的尺寸顯示出來。可以通過設定圖片的width屬性或height屬性來控製圖片的大小，來達到橫向、縱向展開圖片的效果。

 

如下的程式碼範例：

1. <div style="width:200px">
2.   <img src="test.jpg" style="width:100%"></img>
3. </div>
4.         
5. <div style="width:100px">
6.   <img src="test.jpg" style="width:70%"></img>
7. </div>
8.         
9. <div>
10.   <img src="test.jpg" style="height:150px; width:100px"></img>
11. </div>