博客

利用table制作一个登陆页面

  • Post author:
  • Post category:其他


需要制作这么图的一个如下图的效果：


wKiom1N3V7zDNqHGAACXoEenyMs573.jpg

做这个页面主要是通过最原始的table进行布局，首先贴上代码


wKiom1N3WDzR48iHAAF8eyEMHTM390.jpg

简单解释下：最外层的table是把整张页面分成三行三列，而登陆的页面位于第二行第二列中，在第二行第二列中添加一个table，table（table中以图片为背景色）分为三行二列，在第二行第二列中再放置一个table，这个table主要是为布局输入用户名和密码，和一些按钮，这个table分为4行2列，在第三行和第四行中运用到colspan=”2″,把2列合并，用来布局按钮。

转载于:https://blog.51cto.com/wcoke/1412972


关闭菜单