HTML改变图片大小的方法
这篇文章主要介绍HTML改变图片大小的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
为东区等地区用户提供了全套网页设计制作服务,及东区网站建设行业解决方案。主营业务为做网站、网站设计、东区网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
我们改变图片的大小有两种方法:一种是在HTML标签内更改宽度和高度;另一种是使用CSS样式控制width和height属性。
我们先来看HTML标签内更改图像宽度和高度
直接在图片img标签中使用width和height属性即可控制图片宽和高。
代码如下
效果如下(原图为1072x768px):
我们可以直接在图片标签设置width和height,看起来会很直观。
接着我们来看使用CSS样式控制width和height属性
我们用同一张图片,代码如下
效果如下:图片也变为了150x150px
以上是HTML改变图片大小的方法的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
本文标题:HTML改变图片大小的方法
分享URL:http://cdiso.cn/article/pijdio.html