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

2024-10-13 20:47:12

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

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

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

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

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

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

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

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

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

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

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

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