让背景图片居中

来源:互联网 发布:mac鼠标移动速度 编辑:程序博客网 时间:2024/06/04 17:52
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 0
原创粉丝点击