HTML改变图片大小的方法-创新互联

这篇文章主要介绍HTML改变图片大小的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联公司专业为企业提供余江网站建设、余江做网站、余江网站设计、余江网站制作等企业网站建设、网页设计与制作、余江企业网站模板建站服务,十年余江做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

我们改变图片的大小有两种方法:一种是在HTML标签内更改宽度和高度;另一种是使用CSS样式控制width和height属性。

我们先来看HTML标签内更改图像宽度和高度

直接在图片img标签中使用width和height属性即可控制图片宽和高。

代码如下




	
	




效果如下(原图为1072x768px):

HTML改变图片大小的方法

我们可以直接在图片标签设置width和height,看起来会很直观。

接着我们来看使用CSS样式控制width和height属性

我们用同一张图片,代码如下




	
	
	




效果如下:图片也变为了150x150px

HTML改变图片大小的方法

以上是HTML改变图片大小的方法的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文名称:HTML改变图片大小的方法-创新互联
网址分享:http://bzwzjz.com/article/deodps.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 重庆企业网站建设 高端网站建设 H5网站制作 网站建设公司 响应式网站设计 宜宾网站设计 定制网站设计 成都网站制作 高端网站设计 网站制作 阿坝网站设计 专业网站设计 梓潼网站设计 成都商城网站制作 定制网站设计 成都网站制作 成都营销网站建设 成都网站建设 响应式网站建设 成都网站建设 营销型网站建设 成都网站建设