html怎么放大图片

登录注册

html怎么放大图片

来源:网络
更新日期:2022-01-21

摘要：方法：1、利用width和height属性放大图片，语法“<img width=宽度 height=高度>”；2、用style和transform属性放大图片，语法“<img style="transform:scale(放大倍数)">”。本教程

方法：1、利用width和height属性放大图片，语法“<img width=宽度 height=高度>”；2、用style和transform属性放大图片，语法“<img>”。

本教程操作环境：windows10系统、HTML5版、Dell G3电脑。

html怎么放大图片

在html中想要放大图片有两种方法

一种是重新设置图片元素的高度和宽度，这时候利用到width和height属性。

第二种方法是利用style属性和transform属性设置图片元素的放大倍数。

示例如下：

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title></head><body> <img src="1115.08.png" width=350px height=200px> <img src="1115.08.png"></body></html>

输出结果：

推荐教程：《html视频教程》