让背景图片居中

1.如果只是单纯的背景图片居中,很简单的一句css就可以达到。
e.g. 01
body { background: url(所使用背景图片的相对或绝对路径) no-repeat center center;} 
注意这里的center center 是让背景图片在body区 水平和垂直方向都居中。

e.g. 02
body { background: url(所使用背景图片的相对或绝对路径) no-repeat left center;}
这里的 left center 是请背景图片在 body区水平方向左对齐,垂直方向居中。

e.g. 03
body { background: url(所使用背景图片的相对或绝对路径) no-repeat top center;}
这里的 top center 是请背景图片在 body区水平方顶部对齐,垂直方向居中。

2.如其它朋友回答的,你可能只是想让网页整体部分在不同分辨率下都能水平居中。
那css样式定义为:
body { text-align: center; width: 100%;}
.Wrapper { margin: 0 auto; width: 1000px; text-align: left;}
定义 body 的 text-align为center,是为了解决在IE6以下的版本,wrapper单纯使用margin: 0 auto;不能水平居中的hack.

3,还有一种理解就是:让网页整体部分在不同分辨率下,水平和垂直方向都居中。常见的如一个简单的后台管理登录框。

文章来源:http://cyxinda.blog.163.com/blog/static/36596186201261324645242/


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值