html图片添加的方法如下:
工具:Dell游匣G15、Windows10、记事本2021。
1、首先在电脑中新建一个文件夹(如:web-01),在该文件夹里新建一个html文件(如:index1.html)。
![](https://iknow-pic.cdn.bcebos.com/80cb39dbb6fd526688357b83b918972bd407360e?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)
2、接着打开这个html文件,编写一个html的基本框架。
![](https://iknow-pic.cdn.bcebos.com/14ce36d3d539b600edd04820fb50352ac65cb70f?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)
3、接着在头部<head>……</head>中加入插入背景图片的代码。不设置平铺方式的情况下是默认水平竖直都平铺。
![](https://iknow-pic.cdn.bcebos.com/dc54564e9258d10992faee25c358ccbf6c814d0f?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)
4、若要不重复平铺,需要写入“background-repeat:no-repeat”此时,图片只显示一次。
![](https://iknow-pic.cdn.bcebos.com/1ad5ad6eddc451dad5ef4b7ca4fd5266d016320f?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)
5、编写完成之后,保存为html后缀,如下图所示就完成了。
![](https://iknow-pic.cdn.bcebos.com/1ad5ad6eddc451dad5ee4b7ca4fd5266d0163208?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)