§ ITPOW >> 文档 >> CSS

如何方便地用 CSS 布局登录界面

作者:vkvi 来源:ITPOW(原创) 日期:2012-4-13

一般来说现在的登录界面浏览大气、简洁:一个背景图片,一个登录框搞定。麻烦的事就是要适应不同的分辨率,在不同的分辨率下:图片要居中,登录框要在指定的位置。

要点

  • 设置窗口 100% 宽度、100% 高度;
  • 让背景图片居中铺开;
  • 让登录框从中间向需要的位置移动指定的像素。

CSS 实现要点

通过为登录框的 margin-left、margin-top 指定从中心点的偏移,其 padding 指定表单元素的偏移。

相关文章