在css中 ， 將圖片的寬度設置為100% ， 然后控制div的大小范圍便可實現控制圖片的大小范圍 。 下面小編舉例講解如何用DIV+CSS控制圖片大小范圍 。

需要這些哦
html+css
代碼編纂器：Dreamweaver CS5
方式/
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文件 ， 查看實現的結果 。



總結：11、建立一個test.html文件 。
2、在文件內 ， 在div內 ， 利用img建立一張圖片 。
【如何用DIV+CSS控制圖片大小范圍】3、在css標簽內 ， 設置div的樣式 ， 界說其寬度為200px ， 同時設置div內的img圖片的樣式 ， 利用width屬性設置圖片的寬度為100% 。

注重事項改變div的width屬性的大小規模 ， 便可以改變img的大小規模 。

以上內容就是如何用DIV+CSS控制圖片大小范圍的內容啦 ， 希望對你有所幫助哦！

猜你喜歡

• Windows下如何安裝MySQL
• B站視頻編輯器如何為視頻添加Logo/水印
• 省點花錦鯉卡的加油優惠如何使用
• 龍貓如何洗澡 妙用兩招教會小龍貓洗澡澡
• 連衣裙太長怎么掛衣柜連衣裙太長如何掛衣柜
• 教你如何幫助寵物龍貓洗澡 洗澡時可以不用水的
• 如何設計木門效果圖
• 一個人如何在逆境中成長？
• 如何更換小區物業服務公司？
• 冬天戴口罩眼鏡防霧辦法 戴口罩如何防止眼鏡起霧