网页设置背景图片

最新推荐文章于 2023-07-03 19:29:03 发布

Inuyasha1121

最新推荐文章于 2023-07-03 19:29:03 发布

阅读量2.4k

点赞数 1

分类专栏： css 文章标签：网页背景图

本文链接：https://blog.csdn.net/Inuyasha1121/article/details/50765180

版权

css 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

一、设置<body>背景

body{
  background-image:url(xx/xx.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%; (这个为css3属性，不能连起来写在background中)
}

二、使用<div>内套<img>

html：

<body>
<div id='bgdiv'><img src='../xx/bg.jpg'></div>
</body>

css：

#bgdiv{
    position:fixed;
    /*(图片固定，若想要图片跟随滚动条滚动可赋值absolute,此情况下以防滚动超出图片范围，最好设置body的background-color为与图片接近颜色)*/
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
}
#bgdiv img{
    width:100%;
    height:100%;
}