利用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


关闭菜单