黑马程序员技术交流社区
标题:
仿写博学谷的页面
[打印本页]
作者:
gsong1
时间:
2017-3-26 18:44
标题:
仿写博学谷的页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
.div1 {
width: 100%;
height: 80px;
}
.div2 {
width: 100%;
height: 400px;
background: #E6E6FA;
float: right;
}
.div3 {
width: 100%;
height: 60px;
text-align: center;
}
</style>
</head>
<body>
<div class="div1">
<div style="padding-left: 24%; padding-top: 0px">
<img alt="aa" src="/css_1/13.png" style="float: left"> <span>黑马程序员</span>
<p style="padding-bottom: 10px">www.iheima.com</p>
</div>
</div>
<div class="div2">
<div style="background: #FFEC8B;width: 260px;height: 300px;float: right;margin-top: 50px;margin-right: 200px;text-align: center;">
<div><h3>博学谷·学员系统</h3></div>
<div style="">
<form action="">
<div>
<input type="text"style="width
: 80%;padding-left: 10%;margin-top: 30px;height: 25px">
<input type="text"style="width: 80%;padding-left: 10%;margin-top: 30px;height: 25px">
</div>
<div style="float: left;">
记住密码<input type="checkbox" style=";padding-left:10px;height: 15px;">
<a href="#"style="margin-left: 90px" >忘记密码</a>
</div>
<div style="text-align: center;">
<input type="button"value="登录"style="width:80%;background: #E6E6FA
;margin-top: 40px;height: 30px"onclick="change()" id="idf">
</div>
<script type="text/javascript">
function change(){
var doc=document.getElementById("idf");
doc.nodeName="ok";
}
</script>
</form>
</div>
</div>
</div>
<div class="div3">
<p class="foot">江苏传智播客教育科技股份有限公司 主办</p>
</div>
</body>
</html>
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2