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

 时间: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怎么设置文字居中对齐
  • 热门搜索
    热感冒怎么办 金戈效果怎么样 舌苔厚黄是怎么回事 长春建筑学院怎么样 庵怎么读 落款怎么写 头皮痒是怎么回事 通力电梯怎么样 学生怎么赚钱 漂亮的英文怎么写