本教程将介绍如何将背景图片设置为不平铺
工具/原料
PhpStorm2019.3.1x64
方法/步骤
1、新建一个NoRepeat.html文件,如图所示:
2、输入HTML5的结构代码,将title标签里面的内容修改成:如何将背景图片设置为不平铺,如图所示:
3、使用h1标签定义一个HelloWorld!的标题,如图所示:
4、使用p标签定义一段文本内容,如图所示:
5、给body标签添加一个背景图片,代码如图所示:
6、将背景图片设置为不平铺,代码:background-repeat:no-repeat