怎么用CSS設置img大小
在CSS中設置img大小,可以通過以下兩種方式實現(xiàn):
1、使用width和height屬性
通過width和height屬性,可以指定img元素的寬度和高度,將img元素的寬度設置為200像素,高度設置為100像素,可以使用以下代碼:
img { width: 200px; height: 100px; }
2、使用max-width和max-height屬性
除了指定具體的寬度和高度外,還可以使用max-width和max-height屬性來限制img元素的***大寬度和***大高度,將img元素的***大寬度設置為500像素,***大高度設置為300像素,可以使用以下代碼:
img { max-width: 500px; max-height: 300px; }
需要注意的是,如果img元素的原始寬度或高度大于指定的寬度或高度,那么瀏覽器會按照指定的寬度或高度進行縮放,如果原始寬度或高度小于指定的寬度或高度,那么瀏覽器會保持原始大小不變。
如果需要在HTML文檔中使用內(nèi)聯(lián)樣式來設置img大小,可以使用style屬性。
<img src="image.jpg" style="width:200px;height:100px;">
或者:
<img src="image.jpg" style="max-width:500px;max-height:300px;">
代碼可以實現(xiàn)用CSS設置img大小的功能。