parent
50145bda77
commit
6282c1ba43
@ -0,0 +1,83 @@
|
||||
<!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>
|
||||
|
||||
</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>
|
||||
|
After Width: | Height: | Size: 442 KiB |
|
After Width: | Height: | Size: 295 KiB |
|
After Width: | Height: | Size: 35 KiB |
Loading…
Reference in new issue