如何编写html代码控制图片显示的大小？_IT百科

具体 *** 作步骤如下：

1、首先新建一个HTML页面，这里命名为“new_file.html”

2、接着给标签设置背景图片，例如设置的是<body>标签。

3、接着新建一个css文件，如图，命名为“1.css”

4、这里给body标签设置background-size属性，如果标签是div就写div，然后可以设置宽度和高度。

5、如图所示，在new_file.html里面写上这个：<link href="css/1.css" type="text/css" rel="stylesheet"/>就可以设置背景图片的大小了。

可以用“width”和“height”属性控制图片的显示大小。

1、新建html文件，在body标签中添加img标签，为img标签设置“src”属性，属性值为图片的地址，这时图片的显示大小是图片自身的大小：

2、为img标签单独设置“width”或“height”属性，属性值为宽度或者高度，这时图片的宽度将变成设置的宽度，高度将会按原比例进行缩放：

3、同时为img标签设置“width”和“height”属性，这时图片的大小将会完全按照设置的大小显示：

欢迎分享，转载请注明来源：内存溢出

如何编写html代码控制图片显示的大小？