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.
86 lines
1.4 KiB
86 lines
1.4 KiB
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
#header {
|
|
background-color:black;
|
|
color:white;
|
|
text-align:left;
|
|
padding:5px;
|
|
}
|
|
.city {
|
|
float:left;
|
|
margin: 5px;
|
|
padding: 15px;
|
|
width: 300px;
|
|
height: 300px;
|
|
border: 1px solid black;
|
|
}
|
|
.section {
|
|
float: left;
|
|
margin: 5px;
|
|
padding: 15px;
|
|
width: 430px;
|
|
height: 680px;
|
|
border: 1px solid black;
|
|
}
|
|
.section1{
|
|
float: left;
|
|
margin: 5px;
|
|
padding: 15px;
|
|
width: 580px;
|
|
height: 335px;
|
|
border: 1px solid black;
|
|
transform: translateY(-380px);
|
|
}
|
|
|
|
.section2{
|
|
float: left;
|
|
margin: 5px;
|
|
padding: 15px;
|
|
width: 360px;
|
|
height: 335px;
|
|
border: 1px solid black;
|
|
transform: translateY(-380px);
|
|
position:relative;
|
|
right:0px
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="header">
|
|
<h1>约球吧</h1>
|
|
<h2>个人中心</h2>
|
|
</div>
|
|
<div class="city">
|
|
<h2>基本资料</h2>
|
|
<p>用户名</p>
|
|
<p>性别</p>
|
|
<p>电子邮箱</p>
|
|
<p>手机号</p>
|
|
<br>
|
|
<p><a href ="修改资料界面.html" style="text-decoration: none">修改个人资料</a></p>
|
|
|
|
</div>
|
|
|
|
<div class="city">
|
|
<h2>个人简介</h2>
|
|
<p></p>
|
|
</div>
|
|
|
|
<div class="city">
|
|
<h2>历史订单</h2>
|
|
<p></p>
|
|
</div>
|
|
<div class="section" style="background: url( 图片/14_3.jpg) ">
|
|
<h2 style="color:black"></h2>
|
|
</div>
|
|
<div class="section1" style="background: url(图片/詹姆斯.jpg)">
|
|
</div>
|
|
|
|
<div class="section2" style="background: url( 图片/QQ截图20190107111832.png)">
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|