需要制作这么图的一个如下图的效果:
![Z]{@5_EL2}WYB%M1MIKUZJ6.jpg wKiom1N3V7zDNqHGAACXoEenyMs573.jpg](https://i-blog.csdnimg.cn/blog_migrate/f7bc293ab32150268f2162a2b84d0696.jpeg)
做这个页面主要是通过最原始的table进行布局,首先贴上代码
![W4`S{J~T~%WQ5XSJBE%Z@ZW.jpg wKiom1N3WDzR48iHAAF8eyEMHTM390.jpg](https://i-blog.csdnimg.cn/blog_migrate/973c33ef3005cf6c580b5b8a80c1e5c1.jpeg)
简单解释下:最外层的table是把整张页面分成三行三列,而登陆的页面位于第二行第二列中,在第二行第二列中添加一个table,table(table中以图片为背景色)分为三行二列,在第二行第二列中再放置一个table,这个table主要是为布局输入用户名和密码,和一些按钮,这个table分为4行2列,在第三行和第四行中运用到colspan="2",把2列合并,用来布局按钮。
转载于:https://blog.51cto.com/wcoke/1412972