让背景图片居中
来源:互联网 发布: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.
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
- 让背景图片居中
- 让背景图片居中
- 背景图片居中
- 背景图片居中
- 背景图片居中
- DIV+CSS中让布局居中_背景图片居中_文字内容居中
- DIV+CSS中让布局居中_背景图片居中_文字内容居中
- DIV+CSS中让布局居中_背景图片居中_文字内容居中
- 让背景图片居中的css--超简单,只要句代码
- 让背景图片居中,在网页固定尺寸内…
- 永远居中的背景图片
- div背景图片居中
- DIV背景图片居中
- 背景图片的居中显示
- 表格背景图片居中
- 背景图片永远居中
- CSS 背景图片 设置居中
- 背景图片等比缩放居中
- MySQL外键创建失败1005原因总结
- mysql数据库,两个数据库之间的链表查询
- Apache Log4j使用实例
- 算法竞赛入门经典-课后练习-3-4
- linux 任务调度的crond常驻命令
- 让背景图片居中
- 64位Ubuntu 12.04 安装mysql-workbench
- Python 基础01—Hello World
- Apache Commons-logging使用实例
- java 常用的for循环写法 -----网上摘录
- Django 数据库QuerySet操作
- SELinux简单介绍(转)
- Deep Learning源代码收集-持续更新…
- mysql 省级数据库,市级数据库。