打开前端开发工具，新建一个html代码页面
在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = “bg-img”
设置背景图片。创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。
保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。
回到html代码页面，在bg-img类里添加background-position: center的样式。
保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。
base标签是HTML语言中的基准网址标记，它是一个单标签，位于网页头部文件的head标签内，一个页面最多只能使用一个base元素，用来提供一个指定的默认目标，也算是一种表达路径和连接网址的标记。
常见的url路径形式分别有相对路径与绝对路径，如果base标签指定了目标，浏览器将通过这个目标来解析当前文档中的所有相对路径，包括的标签有（a、img、link、form），也就是说，浏览器解析时会在路径前加上base给的目标，而页面中的相对路径也都转换成了绝对路径。使用了base标签就应带上href属性和target属性。
1、html中可以用img标签插入图片也可以用css的background插入。具体方法是首先新建一个html文件，里面新建两个div标签，第二个标签中插入img标签并插入图片：
2、然后在上方的style标签中设置第一个div的样式，先给div长度和高度，接着是用background属性引入图片，设置图片不重复以及图片的显示位置j即可：
3、最后打开浏览器就可以看到用两种方法引入的gif的图片了：