网页背景代码

1.网页背景图代码

body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center;}

2.如果网页背景图叠加颜色

html{min-height:100%;
      background:linear-gradient(0deg, rgba(255, 0, 150, 0.3), rgba(255, 0, 150, 0.3)),   
      url(https://123zy.cool/bg/海水.gif); background-size:cover;}

3.背景图叠加颜色也可以分开写在两个标签里,这个就可以调节颜色的透明度

html {background-position:center;background-size:cover;background-image:url(https://123zy.cool/bg/海水.gif);
      background-repeat:no-repeat;background-attachment:fixed;}	
body{background:linear-gradient(0deg,rgba(1, 0, 150, 0.3), rgba(111, 0, 255, 0.5));}

4将视频作为网页背景

<style>
video{position:fixed;right:0px;bottom:0px;min-width:100%;min-height:100%;height:auto;width:auto;z-index:-11;}  
source{min-width:100%;min-height:100%;height:auto;width:auto;}
</style>

<video autoplay loop muted>
  <source src="https://cjj.today/usr/uploads/2022/01/1398148557.mp4" type="video/mp4">
</video>
© 版权声明
THE END
喜欢就支持一下吧
点赞9赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片