背景图片的自定义

weixin_33884611

于 2014-09-20 20:35:00 发布

阅读量90

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xinlinux/p/3983666.html

本文详细介绍了如何利用CSS属性实现全屏背景图片布局的方法，包括使用`background`属性设置背景图片的位置、重复方式、固定效果及大小自适应，通过实例演示了在不同场景下的应用，帮助开发者轻松实现美观且响应式的网页设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


body：


 .landing-bg {
　　height: 100%;
　　background: url(背景链接地址) no-repeat;
　　-webkit-background-size: cover;
　　-moz-background-size: cover;
　　-ms-background-size: cover;
　　-o-background-size: cover;
　　 background-size: cover;
　　overflow: hidden;
}



Div上定义背景图片

.s-skin-container {

html {
	background: url(图片地址) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}