当前位置:科普知识站>IT科技>

html背景图片大小设置教程

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

html背景图片大小设置教程

材料/工具

HTML

方法

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

html背景图片大小设置教程 第2张

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

html背景图片大小设置教程 第3张

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

html背景图片大小设置教程 第4张

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

html背景图片大小设置教程 第5张

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

html背景图片大小设置教程 第6张

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

html背景图片大小设置教程 第7张