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中插入图片
  • 热门搜索
    空调耗电量怎么计算 荣成旅游 自动挡的车怎么开视频 头发可以种植吗 挂科了怎么办 怎么退出dfu模式 痔疮不治疗会怎么样 鸡精吃多了会怎么样 孕妇可以用皮炎平吗 黄石旅游景点