You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
3.8 KiB
89 lines
3.8 KiB
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
|
|
#section{
|
|
background-color: white;
|
|
color:black;
|
|
text-align:center;
|
|
margin:5px;
|
|
padding: 15px;
|
|
width:400px;
|
|
height: 600px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="section">
|
|
<h1 style="position: relative;left: 200px;">个人资料</h1>
|
|
<div style=" background-color:#DCDCDC; position:relative;left: 230px; height:1px; width:1000px;"></div>
|
|
<p style="position: relative;left: 200px;">用户名：</p>
|
|
<div style="background-color:#87CEFA;position: relative;left:240px; height: 30px;width: 200px;">
|
|
<p>基本资料</p>
|
|
</div>
|
|
<div style="background-color:#87CEEB;position: relative;left:441px;transform: translateY(-46px);height: 30px;width: 700px;">
|
|
<p></p>
|
|
</div>
|
|
<div style="background-color: #eeeeee;float: left;width:200px;height:600px;position:relative;left:240px;transform: translateY(-45px);"></div>
|
|
<div style="background-color:white;position: relative;left:441px;transform: translateY(-46px);height: 30px;width: 700px;">
|
|
<p style="position: relative;right: 400px;transform: translateY(-12px);">性别：
|
|
|
|
</p>
|
|
</div>
|
|
<div style="background-color:#eeeeee;position: relative;left:441px;transform: translateY(-80px);height: 30px;width: 700px;">
|
|
<p style="position: relative;right: 403px;transform: translateY(2px);">手机号:
|
|
|
|
</p>
|
|
</div>
|
|
<div style="background-color:white;position: relative;left:441px;transform: translateY(-46px);height: 30px;width: 700px;">
|
|
<p style="position: relative;right: 400px;transform: translateY(-47px);">电子邮箱：
|
|
|
|
</p>
|
|
</div>
|
|
<div style="background-color:#eeeeee;position: relative;left:441px;transform: translateY(-115px);height: 30px;width: 700px;">
|
|
<p style="position: relative;right: 400px;transform: translateY(2px);">生日：
|
|
|
|
</p>
|
|
</div>
|
|
<div style="background-color:white;position: relative;left:441px;transform: translateY(-132px);height: 30px;width: 700px;">
|
|
<p style="position: relative;left:-400px;transform: translateY(2px);">血型：
|
|
|
|
</p>
|
|
</div>
|
|
<div style="background-color:#87CEFA;position: relative;left:240px; height: 30px;width: 200px;transform: translateY(-150px);">
|
|
<p style="transform: translateY(-350px);">详细资料</p>
|
|
</div>
|
|
<div style="background-color:#87CEEB;position: relative;left:441px;transform: translateY(-195px);height: 30px;width: 700px;">
|
|
<p style="position: relative;left:-100px;"></p>
|
|
</div>
|
|
<div style="background-color:white;position: relative;left:441px;transform: translateY(-46px);height: 30px;width: 700px;">
|
|
<p style="position: relative;right: 390px;transform: translateY(-157px);">真实姓名：
|
|
|
|
</p>
|
|
</div>
|
|
<div style="background-color:#eeeeee;position: relative;left:441px;transform: translateY(-220px);height: 30px;width: 700px;">
|
|
<p style="position: relative;right: 395px;transform: translateY(2px);">职业:
|
|
|
|
</p>
|
|
</div>
|
|
<div style="background-color:white;position: relative;left:441px;transform: translateY(-240px);height: 30px;width: 700px;">
|
|
<p style="position: relative;right: 395px;transform: translateY(2px);">毕业院校:
|
|
|
|
|
|
</p>
|
|
</div>
|
|
<div style="background-color:#87CEFA;position: relative;left:240px; height: 30px;width: 200px;transform: translateY(-256px);">
|
|
<p style="transform: translateY(-120px);">丰富资料</p>
|
|
</div>
|
|
<div style="background-color:#87CEEB;position: relative;left:441px;transform: translateY(-302px);height: 30px;width: 700px;">
|
|
<p style="position: relative;left:-100px;">个人简介</p>
|
|
<textarea name="个人介绍" rows="20" cols="106" style="position: relative;left 0px; transform:translateY(-45px);"></textarea>
|
|
</div>
|
|
<p style="position: relative;top:-720px;left:780px;"><a href ="修改资料界面.html" style="text-decoration: none">修改个人资料</a></p>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|