1.打开要模仿的网页http://mail.swpu.edu.cn/
2.按F12查看源代码
3.通过分析源代码可以发现网页由三部分构成
4.根据网页结构构成我的代码
5.在Sources里面的images文件夹中把需要的图片复制到我们的images文件夹下
6.参照源码修改布局参数
6.网页实现效果为
7.添加js静态验证
最终实现效果为:
9.码云链接
https://gitee.com/yin_fa_bi/JavaEE
1.打开要模仿的网页http://mail.swpu.edu.cn/
2.按F12查看源代码
3.通过分析源代码可以发现网页由三部分构成
4.根据网页结构构成我的代码
5.在Sources里面的images文件夹中把需要的图片复制到我们的images文件夹下
6.参照源码修改布局参数
6.网页实现效果为
7.添加js静态验证
最终实现效果为:
9.码云链接
https://gitee.com/yin_fa_bi/JavaEE