html背景图片大小设置教程

作者：追风筝的人 | 创建时间: 2023-04-22

网页制作越来越广泛，有时候会放一些图片到 HTML页面中来美化页面，但是图片的尺寸不是很合适，所以就需要对它进行设置，使得图片适应网页了。...

其实大多数的HTML编辑器操作都是一样的，今天我就以Hbuilder来讲解，首先新建一个HTML页面，这里命名为“new_file.html”。

接着给标签设置背景图片，这里小编设置的是<body>标签。

接着新建一个css文件，如图，小编命名为“1.css”。

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

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

最后在浏览器中预览一下，这里只是部分背景。

记得注意文件名的不同哟！

图片最好选择高清的，不然放大会失真。