用css設(shè)置圖片大小的方法

這篇文章主要介紹用css設(shè)置圖片大小的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

用css設(shè)置圖片大小的方法：首先新建一個(gè)html文件；然后使用div標(biāo)簽創(chuàng)建一個(gè)模塊，并在div標(biāo)簽內(nèi)使用img標(biāo)簽創(chuàng)建一張圖片；最后在img標(biāo)簽內(nèi)使用style來(lái)設(shè)置圖片寬度和高度屬性即可。

新建一個(gè)html文件，命名為test.html，用于講解CSS怎么改變圖片的大小。

在test.html文件中，使用div標(biāo)簽創(chuàng)建一個(gè)模塊，在div標(biāo)簽內(nèi)，使用img標(biāo)簽創(chuàng)建一張圖片。

在test.html文件中，在css標(biāo)簽內(nèi)，使用“*”來(lái)初始化頁(yè)面所有元素，設(shè)置內(nèi)外邊距都為0。在瀏覽器打開(kāi)test.html文件，查看實(shí)現(xiàn)的效果。

通過(guò)元素名稱來(lái)改變圖片的大小。例如，在css標(biāo)簽內(nèi)，使用css定義div元素內(nèi)的img元素的寬度為200px,高度為100px。

通過(guò)給img標(biāo)簽設(shè)置一個(gè)id屬性，在css中通過(guò)id屬性，使用width(寬度)和height(高度)設(shè)置樣式，實(shí)現(xiàn)改變圖片的大小。

通過(guò)給img標(biāo)簽設(shè)置一個(gè)class屬性，在css中通過(guò)class屬性，使用width(寬度)和height(高度)設(shè)置樣式，實(shí)現(xiàn)改變圖片的大小。

通過(guò)在img標(biāo)簽內(nèi)，使用style來(lái)設(shè)置width(寬度)和height(高度)屬性。

以上幾種方法實(shí)現(xiàn)的效果如下：

以上是用css設(shè)置圖片大小的方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！