首页前端开发CSScss如何实现固定的背景图像

css如何实现固定的背景图像

时间2024-05-21 06:12:21发布访客分类CSS浏览82
导读: 那么我们在前面的文章中有给大家介绍过CSS如何实现背景图像重复效果。 下面我们就继续给大家介绍css背景图像固定的实现方法。 代码如下: body{ bac...
  那么我们在前面的文章中有给大家介绍过CSS如何实现背景图像重复效果。   下面我们就继续给大家介绍css背景图像固定的实现方法。   代码如下:                        body{   background-image:url("/test/img/154e.png");   background-repeat:no-repeat;   background-attachment:fixed;   }            

这里是一行文字:圣诞节快乐!

  

这里是一行文字:圣诞节快乐!

  

这里是一行文字:圣诞节快乐!

  

这里是一行文字:圣诞节快乐!

  

这里是一行文字:圣诞节快乐!

  

这里是一行文字:圣诞节快乐!

        效果如下图:



  background相关属性:   background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动。其值为fixed表示当页面的其余部分滚动时,背景图像不会移动。   background-repeat属性设置是否及如何重复背景图像。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: css如何实现固定的背景图像
本文地址: https://pptw.com/jishu/664679.html
css计数器如何实现自动嵌套编号 css边框样式有多少种

游客 回复需填写必要信息