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

作者:vkvi 来源:千一网络(原创) 日期:2012-4-13

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

要点

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

CSS 实现要点

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

你前面那位网友看了:传统车载导航实现手机映射

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
标题:必填
内容:
赞助商们
vkvi
vkvi

作者简介: vkvi,致力于 .NET Web 开发、移动开发的技术推广,在 .NET、SQL Server、Windows Server 等方面有深入研究和丰富经验,10 年间共计撰写文章 4000 余篇。 主持金融、国土、农业、电商等多个行业项目执行, 推行“技术提升生产力、人心决定成功率”的管理理论。 联系他