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中插入图片
  • 热门搜索
    语文手抄报 骆驼祥子手抄报 英文手抄报 三年级数学手抄报 春分手抄报 传统节日手抄报 护眼手抄报 防溺水手抄报内容 爱国手抄报内容 节约粮食手抄报