这篇文章主要介绍HTML改变图片大小的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
为东区等地区用户提供了全套网页设计制作服务,及东区网站建设行业解决方案。主营业务为做网站、网站设计、东区网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
我们改变图片的大小有两种方法:一种是在HTML标签内更改宽度和高度;另一种是使用CSS样式控制width和height属性。
我们先来看HTML标签内更改图像宽度和高度
直接在图片img标签中使用width和height属性即可控制图片宽和高。
代码如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <img src="img/tupian.jpg" width="150" height="150"> </body> </html>
效果如下(原图为1072x768px):
我们可以直接在图片标签设置width和height,看起来会很直观。
接着我们来看使用CSS样式控制width和height属性
我们用同一张图片,代码如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{ width: 150px; height: 150px; } </style> </head> <body> <img src="img/tupian.jpg" > </body> </html>
效果如下:图片也变为了150x150px
以上是HTML改变图片大小的方法的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
名称栏目:HTML改变图片大小的方法
网页网址:https://www.cdcxhl.com/article0/pijdio.html
成都网站建设公司_创新互联,为您提供品牌网站建设、、微信公众号、网站改版、App设计、品牌网站设计
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联