HTML ?? ??? ?? ??? ??? (2)
?? ??? ???
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用戶注冊(cè)頁(yè)面</title>
<style>
@charset "utf-8";
body{
background-color: #F0F0F0;
}
*{
border: 0px;
padding: 0px;
margin: 0px;
font-size: 14px;
}
#top{
width: 100%;
height: 90px;
background-color: white;
border-bottom: 1px solid #bbbbbb;
}
#menu{
width: 1000px;
overflow: hidden;
margin: 0 auto;
}
#menu img{
height: 90px;
}
#menu ul{
list-style-type: none;
}
#menu ul li{
float: left;
height: 90px;
line-height: 90px;
margin-right: 50px;
}
#menu ul li a{
color: black;text-decoration: none;
display: inline-block;
}
#menu ul li a:hover{color: #FFD700;text-decoration: none}
</style>
</head>
<body>
<div id="top">
<div id="menu">
<ul>
<li><img src=/upload/course/000/000/004/5816f7b0056da728.png></li>
<li><a href="index.html"> 首頁(yè)</a></li>
<li><a href="list.html">科技資訊</a></li>
<li><a href="list.html">心情隨筆</a></li>
<li><a href="list.html">資源收藏</a></li>
<li><a href="list.html">圖文圖片</a></li>
<li><a href="list.html">留言板</a></li>
<li class="mi" ><a href="">登陸</a>/<a href="">注冊(cè)</a></li>
</ul>
</div>
</div>
<div id="box">
<p class="p_line">注冊(cè)賬號(hào)已有賬號(hào)直接登陸</p>
<p style="margin-top: 40px"><input type="text" class="txtBox" placeholder="請(qǐng)輸入賬號(hào)"></p>
<p><input type="password" class="txtBox" placeholder="請(qǐng)輸入密碼"></p>
<p><input class="btn" type="submit" value="提交注冊(cè)"></p>
</div>
</body>
</html>
???? ?????
#box{
width: 900px;
height: 370px;
background-color: white;
margin: 0 auto;
margin-top: 50px;
padding: 50px;
}
#box p{
text-align: center;
}
.p_line{
border-bottom: 1px solid #bbbbbb;
height: 40px;
line-height: 50px;
}
.txtBox{
border: 1px solid #bbbbbb;
width: 350px;
margin-top: 30px;
height: 50px;
padding-left: 10px;
border-radius: 5px;
}
.btn {
width: 365px;
height: 50px;;
color: white;
background-color: #DD0000;
margin-top: 25px;
} ?? ??? ?? ??? ??? ???? ??? ???? ?????? ??? ???? ??? ???? p ??? ???? ??? ?????. ???, ????? ???? ???? ???? ??, ???? ????, ?? ??? ???? ??? ??? ??? ????.
