css怎么让背景图片固定不动

 时间:2024-10-11 22:50:40

1、新建一个html文件,命名为test.html,用于讲解css怎么让背景图片固定不动。

css怎么让背景图片固定不动

2、在test.html文件中,创建多个p标签,让页面产生滚动条。

css怎么让背景图片固定不动

3、在css样式中,使用background-image属性设置页面的背景图片为2.jpg,将background-repeat属性设置为no-repeat,让背景图片不重复显示。

css怎么让背景图片固定不动

4、在css样式中,再将background-attachment属性设置为fixed,实现当页面滚动时,背景图片在页面中固定不动。

css怎么让背景图片固定不动

5、在浏览器打开test.html文件,向下滚动页面,查看结果。

css怎么让背景图片固定不动
  • html轮播图怎么制作
  • 网页设计HTML中如何插入背景图片
  • 实现整个html居中最简单方法
  • 怎样让html中的文字垂直水平居中显示
  • 如何在HTML中插入图片
  • 热门搜索
    全域旅游 诗的特点 没问题的英语怎么写 cad倒角怎么标注 陕西旅游景点大全 奥迪tt怎么样 济南 旅游 爱心怎么折步骤图片 凉拌豆芽 九寨沟最佳旅游时间