当前位置：首页 - 手机 - 正文

html背景图片大小设置教程

来源：动视网责编：小OO 时间：2020-03-19 10:51:45

导读网页制作用的越来越多，有时候一些图片会放到HTML中来美化页面，但图片的尺寸不是都是合适的，所以就需要对它进行设置，使得图片适应网页。接下来就介绍怎么设置图片尺寸吧。材料/工具HTML方法以Hbuilder来讲解，首先新建一个HTML页面，如图。接着给标签设置背景图片，如图设置的是<body>标签。然后新建一个css文件，如图。这里给body标签设置background-size属性，如果标签是div就写div，然后可以设置宽度和高度。如图所示，在new_file.html里面编辑：...

网页制作用的越来越多，有时候一些图片会放到HTML中来美化页面，但图片的尺寸不是都是合适的，所以就需要对它进行设置，使得图片适应网页。接下来就介绍怎么设置图片尺寸吧。

材料/工具

HTML

方法

以Hbuilder来讲解，首先新建一个HTML页面，如图。

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

然后新建一个css文件，如图。

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

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

最后在浏览器中预览一下，如图为部分背景。

标签：走路立夏经济发展