HTML怎么設(shè)置圖片大小
在HTML中,我們可以通過設(shè)置樣式來調(diào)整圖片的大小,下面的代碼示例中演示如何設(shè)置圖片的寬度和高度:
<img src="img.jpg" style="width:200px;height:150px;">
在這個(gè)例子中,我們使用style屬性來設(shè)置圖片的寬度和高度,其中width屬性設(shè)置圖片的寬度,height屬性設(shè)置圖片的高度。
如果我們希望保持圖片寬高比例,可以只設(shè)置其中一個(gè)屬性,另一個(gè)屬性將自動(dòng)按比例縮放,以下代碼示例演示如何設(shè)置圖片寬度,按比例自適應(yīng)高度:
<img src="img.jpg" style="width:200px;">
在這個(gè)例子中,我們只設(shè)置width屬性,高度將自動(dòng)按比例縮放。
還可以使用CSS樣式表來設(shè)置圖片的大小,以下代碼示例演示如何使用CSS樣式表設(shè)置圖片大小:
<style> img { width: 200px; height: 150px; } </style> <img src="img.jpg">
在這個(gè)例子中,我們使用CSS樣式表,將img元素的width屬性和height屬性設(shè)置為200px和150px,從而設(shè)置圖片的大小。