大家在浏览网站时有没有发现，几乎每个网站都会要求你注册或登录，那作为一个前端开发人员，你知道HTML登录页面怎么制作吗？这篇文章就给大家分享一个由HTML 和CSS实现的炫酷的登录页面代码，有一定的实用价值，感兴趣的朋友可以参考一下。
制作这个炫酷的登录页面需要用到很多CSS中的属性，比如box-shadow阴影，display属性，border-radius圆角，hover伪类等，如有不清楚的同学可以看看我之前的文章，或者访问CSS视频教程，希望可以帮助到你！
实例描述：制作一个炫酷的HTML和CSS登录页面，当在输入框输入信息时，输入框颜色变淡，同时具有记住密码、忘记密码、登录功能，具体代码如下：
HTML部分：
登录页面
记住密码
忘记密码
CSS部分：@font-face {
font-family: iconfont;
src: url(///t/font_1463147324_946932.eot); /* IE9*/
src: url(///t/font_1463147324_946932.eot?#iefix) format(embedded-opentype), /* IE6-IE8 */
url(/t/font_1463147324_946932.woff) format(woff), /* chrome、firefox */
url(/t/font_1463147324_946932.ttf) format( ruetype), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url(///t/font_1463147324_946932.svg#iconfont) format(svg); /* iOS 4.1- */
}
*{marg
