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

COC云运维中心新特性解读，让智能运维更高效

avatar 华为开发者空间
cover

GaussDB性能调优

avatar 华为开发者空间
cover

简单几步，基于云主机快速为Web项目添加AI助手

avatar 华为开发者空间