绿色简单的学校登录html页面

全栈程序员-站长 • 2021年12月22日上午10:00 • 未分类 • 阅读 58

大家好，又见面了，我是全栈君，今天给大家准备了Idea注册码。

此处内容已经被作者隐藏，请输入验证码查看内容

请关注本站微信公众号，回复“验证码”，获取验证码。在微信里搜索“全栈程序员社区”或者“www_javaforall_cn”或者微信扫描右侧二维码都可以关注本站微信公众号。

效果预览：http://hovertree.com/texiao/css/22/

代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="http://hovertree.com/texiao/css/22/css/hovertree_login.css" />
<title>绿色简单的学校管理系统登录页面html模板 _ 何问起</title><base target="_blank" />
</head>
<body>

<div id="header">
<div class="header_title">
<span class="title_con">何问起学工系统</span>
</div>
</div>

<div id="content">
<center>
<div class="con">
<div class="con_title">
<span class="con_title_sp">欢迎登录学工系统</span>
</div>
<div class="con_panel">
<div class="con_input">
<span>用户名：</span><input type="text" placeholder="学号/工号"/>
</div>
<div class="con_input">
<span>密&nbsp;&nbsp;&nbsp;&nbsp;码：</span><input type="text" placeholder="密码"/>
</div>
<div class="con_select">
<input type="radio" name="t1" id="hovertreestu" value="学生" /><label for="hovertreestu">学生</label>
<input type="radio" name="t1" id="hovertreetea" value="教师" /><label for="hovertreetea">教师</label>
<input type="radio" name="t1" id="hovertreeadm" value="管理员" /><label for="hovertreeadm">管理员</label>
</div>
<input type="submit" value="登 录" class="submit-btn"/>
</div>
</div>
</center>
</div>

<div id="footer">
&copy; 市重点高中 技术支持：<a href="http://hovertree.com/">何问起</a>
<br /><a href="http://hovertree.com/h/bjaf/7ioeyqhe.htm">Demo 1</a> <a href="http://hovertree.com/hvtart/bjae/dh4pqx2p.htm">Demo 2</a> <a href="http://hovertree.com/h/bjaf/2hhi6cjy.htm">原文</a><a href="http://hovertree.com/texiao/">更多特效</a>
</div>

</body>
</html>