html设置背景图其实很简单，我们一起来看看吧！相信看完你也就会了。

  • body标签的background属性

   我们先来看看源代码：

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 </head>

 <body           background="C:/dopt/1.jpg">

</body>

</html>

这样设置的背景，不会按照页面大小的改变而改变相应大小，非常的不核理，下面我们来看看下面这个代码：

  • 向body标签添加样式

在body中添加样式:

<body class="bgp">

以下为样式的代码：

<style type="text/css">{

  .bgp{
         background-image: url("../images/photo.jpg");
         background-attachment: fixed;
         background-size: 100%;
   }

}

如此设置的代码会平铺整个网页，还会根据页面大小而调整背景大小

其中的background-size:100%;即是按照100%填充整个页面

style样式可参考：html如何设置style样式

 

# html
Logo
华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐

cover

华为云致力推进全域Serverless时代，引领技术创新，赋能行业实践

avatar 华为云开发者联盟
cover

基于Serverless服务构建千万车辆数据实时处理的车联网业务

avatar 华为云开发者联盟
cover

O3使能伙伴服务作业平台维护作业专题

avatar 华为云开发者联盟