如何让网页背景图片不重复显示?

 时间:2024-10-21 14:26:19

1、新建一个html文件,命名为test.html,用于讲解如何让网页背景图片不重复显示。

如何让网页背景图片不重复显示?

2、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

如何让网页背景图片不重复显示?

3、在css标签内,通过body定义网页的背景图片,例如,设置背景图片为1.png。

如何让网页背景图片不重复显示?

4、在浏览器打开test.html文件,可见,这时候背景图片是重复的。

如何让网页背景图片不重复显示?

5、在css标签内,在background属性图片路径的后面,添加no-repeat设置,即可实现背景图片不重复。

如何让网页背景图片不重复显示?

6、在浏览器打开test.html文件,查看实现的效果。

如何让网页背景图片不重复显示?
  • HTML网页怎么设置圆角边框
  • 实现整个html居中最简单方法
  • HTML代码如何去除超链接的下划线
  • 怎么让div居中
  • html怎么设置文字居中对齐
  • 热门搜索
    琛怎么读 照片大小怎么改到200k 童子鸡的做法 喉咙痛怎么办有最好即简单好得快 红烧猪蹄的做法 胡萝卜怎么做好吃 海参的家常做法 华为笔记本电脑怎么样 柳州螺蛳粉的做法 蚝油牛肉的做法