HTML全局背景图

网页背景图在美化网页的同时也能添加更多的艺术感和个性化，那么HTML如何设置全局背景图呢？

下面我们来看一个简单的HTML代码实现全局背景图。

	body {
    	  background-image: url("background.jpg");
     /*设置背景图*/	  background-attachment: fixed;
     /*背景图固定不动*/	  background-repeat: no-repeat;
     /*背景图不重复*/	  background-size: cover;
 /*背景图全屏显示*/	}
    	

通过以上代码，我们设置了网页全局背景图，具体的解释如下：

• background-image属性可以设置需要的背景图地址
• background-attachment属性设置背景图随网页滚动还是固定不动
• background-repeat属性设置背景图是否重复
• background-size属性设置背景图大小，这里我们设置为cover，让背景图全屏显示

通过上述简单代码的设置，我们就可以成功的给网页添加了全局背景图。实际开发中也可以根据需要进行更多的CSS样式和编写。

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