怎么给html网页用图片设背景,html网页制作中如何设置背景图片（如何引用）？

北极甜虾 • 2022-03-08 12:24:37 • 投稿

2、然后填写自己的网页内容，设置一下样式，直接在body后面加上background="图片名字"即可插入图片：3、最后来到浏览器，刷新一下网页，这样就会显示背景了：

网页制作过程中如何将本地图片设置为背景并且可调大小？

利用这个属性：background-size

设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。

语法：

background-size: auto | | | cover | contain

取值说明：

1、auto：默认值，不改变背景图片的原始高度和宽度；

2、：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放；

3、：0％~100％之间的任何值，将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值，当设置一个值时同上；

4、cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器；

5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。

提示：大家可以在右边的编辑窗口输入自己的代码尝试不同取值的效果。

示例代码：

背景图片大小.demo { background: url(http://static.mukewang.com/static/img/logo_index.png) no-repeat; width: 300px; height: 140px; border: 1px solid #999; background-size:cover;}

在html静态网页中如何插入背景图片，急需？

方法一：

html：

说明：这是在网页中插入一副图像，能调整图像大小，能拉伸图像，但是不能平铺图像，图像要占用页面的空间的，一般情况下，文字不能在这样的图像上面。

方法二：

css:#yourID{background-image:url('xxx/xxx.jpg');}

说明：这是背景图像，能平铺，但不能调整大小。不会占用页面空间，文字可在其上。

这两种看你的需要选择。

怎么给html网页用图片设背景,html网页制作中如何设置背景图片（如何引用）？

网页制作过程中如何将本地图片设置为背景并且可调大小？

在html静态网页中如何插入背景图片，急需？

相关推荐

迎来一场大雪，抗战疫情志愿者们在简易帐篷坚守岗位你怎么看？

绿豆汤怎么煮清火，去火绿豆汤的做法？

坏道检测与修复用什么软件，检测坏道的软件

cad制图初学入门快捷键大全，cad制图自学方法快捷键用法

自己怎么恢复硬盘数据，硬盘如何恢复数据

开便利店要怎么选择位置,如何找到合适开设便利店的位置？

发表评论