parent
c78ccf9352
commit
84fb6cdf61
@ -0,0 +1,154 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>个人信息</title>
|
||||||
|
<style type="text/css">
|
||||||
|
body{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-image: url( ' 图片/timg (6).jpg');
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
.xzc-submit-box{
|
||||||
|
position:absolute;
|
||||||
|
width: 80px;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-left:100px;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: grey;
|
||||||
|
}
|
||||||
|
#xzc-submit-button{
|
||||||
|
display: inline-block;
|
||||||
|
width: 100px;
|
||||||
|
height: 40px;
|
||||||
|
margin-top:140px;
|
||||||
|
margin-left:440px;
|
||||||
|
border-radius: 3px;
|
||||||
|
background: #C5C5F8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-information-box
|
||||||
|
{
|
||||||
|
position: relative;
|
||||||
|
height: 800px;
|
||||||
|
width: 800px;
|
||||||
|
top: 50px;
|
||||||
|
margin: 0 auto;
|
||||||
|
z-index: 99999;
|
||||||
|
border: 7px solid #ccc;
|
||||||
|
|
||||||
|
}
|
||||||
|
.user-photo{
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
display: flex;
|
||||||
|
border-radius: 50%;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-left: 360px;
|
||||||
|
margin-top: 0px;
|
||||||
|
border: 2px solid #ccc;
|
||||||
|
}
|
||||||
|
.user-name-box
|
||||||
|
{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border:0;
|
||||||
|
margin-top: 0px;
|
||||||
|
margin-left:250px;
|
||||||
|
}
|
||||||
|
.user-sex-box
|
||||||
|
{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border:0;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-left:250px;
|
||||||
|
}
|
||||||
|
.user-age-box
|
||||||
|
{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border:0;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-left:250px;
|
||||||
|
}
|
||||||
|
.user-hobbit-box
|
||||||
|
{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border:0;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-left:220px;
|
||||||
|
}
|
||||||
|
.user-intro-box
|
||||||
|
{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border:0;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-left:220px;
|
||||||
|
}
|
||||||
|
.user-playtimes-box
|
||||||
|
{
|
||||||
|
margin: 0;
|
||||||
|
padding:0;
|
||||||
|
border:0;
|
||||||
|
margin-top: 60px;
|
||||||
|
margin-left:220px;
|
||||||
|
}
|
||||||
|
.user-goodtimes-box
|
||||||
|
{
|
||||||
|
margin: 0;
|
||||||
|
padding:0;
|
||||||
|
border:0;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-left:0px;
|
||||||
|
}
|
||||||
|
.user-comment-box
|
||||||
|
{
|
||||||
|
margin: 0;
|
||||||
|
padding:0;
|
||||||
|
border:0;
|
||||||
|
margin-top: 60px;
|
||||||
|
margin-left:300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class=user-information-box>
|
||||||
|
<img src="图片/timg(7).jpg" class="user-photo" alt="">
|
||||||
|
<div class="user-name-box">
|
||||||
|
<p>昵称：</p>
|
||||||
|
</div>
|
||||||
|
<div class=user-sex-box>
|
||||||
|
<p>性别:</p>
|
||||||
|
</div>
|
||||||
|
<div class=user-age-box>
|
||||||
|
<p>年龄:</p>
|
||||||
|
</div>
|
||||||
|
<div class="user-hobbit-box">
|
||||||
|
<p>擅长球类：</p>
|
||||||
|
</div>
|
||||||
|
<div class=user-intro-box>
|
||||||
|
<p>个性签名:</p>
|
||||||
|
</div>
|
||||||
|
<div class=user-playtimes-box>
|
||||||
|
<p>已约次数：</p>
|
||||||
|
<div class=user-goodtimes-box>
|
||||||
|
<p>好评次数:</p>
|
||||||
|
</div>
|
||||||
|
<div class=user-comment-box>
|
||||||
|
<p>球友评价：</p>
|
||||||
|
</div>
|
||||||
|
<input id = "xzc-submit-button" type="submit" value="编辑个人信息">
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
After Width: | Height: | Size: 110 KiB |
|
After Width: | Height: | Size: 22 KiB |
Loading…
Reference in new issue