(有空总结下知识,才开始接触前端)
效果图
代码如下
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>慕课网-登陆</title>
<style type="text/css">
a:link {
text-decoration: none;}
.top{
position:relative;
height:130px;
background:#F0F0F0;}
.pic{
position:absolute;
top: 40px;
left: 45%;
}
.logo{
height:50px;
width:150px;
}
.search{
text-decoration:none;
text-align:center;}
.btn{
border:0;
width:250px;
height:40px;
background:#f00;
font-size:15px;
color:#fff;}
.p1{
font-size:12px;