html调整图片大小

html-css026

html调整图片大小,第1张

设置图片的宽度高度，只有一张图片的设置

<img src="img/s12_01.jpg" style="width:100pxheight:100px" />

多张图片使用样式控制

<img src="img/s12_01.jpg" class="img_style" />

<style>

.img_style{width:100pxheight:100px}

</style>

宽度和高度属性分部是width和height。

这两个属性可以直接设置图片的宽高，如果用了css样式控制了图片的宽高，则优先使用样式当中的宽高值。css3当中还可以设置图片的自适应，避免图片变形。