外部css样式改变图片大小

1）、CSS代码

.gb1 img{width:170px; height:110px}
.gb2 img{width:210px; height:160px}

2）、html代码

<p class="gb1"><img src="//www.css5.com.cn/images201610/logo.gif" /></p>
<p class="gb2"><img src="//www.css5.com.cn/images201610/logo.gif" /></p>

3）、css设置装备摆设图片的大小

4）、小结
通过外部css设置图片宽度、高度从而窜改图片的大小，经由过程css旋转甜头在于批改图片大小时候不需求再改html中代码，只必要修正css代码便可，这样分散Html代码与css代码更改，零丁不能看出疏散优良性，但若html页面多了，而css代码是放独立一个css文件内时，只必要批改这个css文件内代码，就可篡改全数页面构造排版。