首先就是壁纸要想壁纸不重复,而且大小平铺我们可以创建一个div使div的背景图为整个页面的壁纸:
编写这样的写代码有什么用能够使我们的背景图片根据浏览器的大小來自动改变图片大小;
关于登入界面的话就主要分为两个部分:
Header和Content;
header的制作比较简单就直接上寫代码有什么用了吧:
接下来我们逐一来分析解释:
接下就是输入框和点击按钮,输入框的左侧放置了一张图片这张图片嵌套在一个div之Φ,为了保证该div与输入框能够完美的契合所以我们需要把输入框input的一些默认的样式给清楚:
当然如果你需要在输入的时候边框是会有颜色嘚话可是使用onblur事件;
在check_button中有一个hover使鼠标在元素上方显示不同的样式;
发布了72 篇原创文章 · 获赞 88 · 访问量 8万+