HTML+CSS实现这个登录界面

html-css022

HTML+CSS实现这个登录界面,第1张

首先，只通过HTML和CSS实现该功能是不现实的。既然是登陆操作，就得有校验吧，这个至少需要JavaScript相关代码实现。而且，真正的网页登陆操作都是与后台交互实现的，需要将数据提交到后台校验。、；

其次，没有激励，如何回答？毕竟这不是几分钟就可以搞定的事吧？

当然，若你只是实现页面呈现效果，而不需要实现登陆功能的话，就简单些了，还真的就只需要HTML和css就能实现

div id=win style="display:nonePOSITION:absoluteleft:50%top:50%width:600pxheight:400pxmargin-left:-300pxmargin-top:-200pxborder:1px solid #888background-color:#edftext-align:center">这是DIV登录框示例<br><a href="javascript:closeLogin()">关闭登录框</a></div>

<script>

function openLogin(){

document.getElementById("win").style.display=""

}

function closeLogin(){

document.getElementById("win").style.display="none"

}

</script>

<a href="javascript:openLogin()">打开登录框</a>

<div style="width:100pxheight:30pxborder:solid 1px #ccc">

<span style="width:40pxheight:30pxfloat:lefttext-align:centerline-height:30px">邮箱</span>

<input type="text" style="outline:noneborder:nonebacgkroudn:noneheight:30pxwidth:58pxfloat:left">

</div>