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