当前位置:秒懂库 > IT科技 > html背景图片大小设置教程
手机版

html背景图片大小设置教程

来源:秒懂库 阅读:1.55W 次
网页制作用的越来越多,有时候一些图片会放到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张
本文链接:https://www.miaodongku.com/itkj/8k2x7p.html

Copyright © 2024. 秒懂库 All right reserved. 黑ICP备20202358号-2

文字美图素材,版权属于原作者。部分文章内容由网友提供推送时因种种原因未能与原作者联系上,若涉及版权问题,敬请原作者联系我们,立即处理。