php学生选课系统登录页面css,分享HTML和CSS实现的炫酷登录页面代码

大家在浏览网站时有没有发现，几乎每个网站都会要求你注册或登录，那作为一个前端开发人员，你知道HTML登录页面怎么制作吗？这篇文章就给大家分享一个由HTML 和CSS实现的炫酷的登录页面代码，有一定的实用价值，感兴趣的朋友可以参考一下。

制作这个炫酷的登录页面需要用到很多CSS中的属性，比如box-shadow阴影，display属性，border-radius圆角，hover伪类等，如有不清楚的同学可以看看我之前的文章，或者访问CSS视频教程，希望可以帮助到你！

实例描述：制作一个炫酷的HTML和CSS登录页面，当在输入框输入信息时，输入框颜色变淡，同时具有记住密码、忘记密码、登录功能，具体代码如下：

HTML部分：

登录页面

• 

• 

• 记住密码

• 忘记密码

CSS部分：@font-face {

font-family: 'iconfont';

src: url('//at.alicdn.com/t/font_1463147324_946932.eot'); /* IE9*/

src: url('//at.alicdn.com/t/font_1463147324_946932.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

url('http://at.alicdn.com/t/font_1463147324_946932.woff') format('woff'), /* chrome、firefox */

url('http://at.alicdn.com/t/font_1463147324_946932.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

url('//at.alicdn.com/t/font_1463147324_946932.svg#iconfont') format('svg'); /* iOS 4.1- */

}