养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

CSS教程 如何将背景图片设置为不平铺

时间:2024-10-25 13:14:42

本教程将介绍如何将背景图片设置为不平铺

工具/原料

PhpStorm2019.3.1x64

方法/步骤

1、新建一个NoRepeat.html文件,如图所示:

CSS教程 如何将背景图片设置为不平铺

2、输入HTML5的结构代码,将title标签里面的内容修改成:如何将背景图片设置为不平铺,如图所示:

CSS教程 如何将背景图片设置为不平铺

3、使用h1标签定义一个HelloWorld!的标题,如图所示:

CSS教程 如何将背景图片设置为不平铺

4、使用p标签定义一段文本内容,如图所示:

CSS教程 如何将背景图片设置为不平铺

5、给body标签添加一个背景图片,代码如图所示:

CSS教程 如何将背景图片设置为不平铺

6、将背景图片设置为不平铺,代码:background-repeat:no-repeat

CSS教程 如何将背景图片设置为不平铺

© 一点知识