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.
98 lines
3.0 KiB
98 lines
3.0 KiB
6 years ago
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<style>
|
||
|
|
#main{
|
||
|
|
width:1550px;
|
||
|
|
height:160px;
|
||
|
|
MARGIN-RIGHT: auto;
|
||
|
|
MARGIN-LEFT: auto;
|
||
|
|
}
|
||
|
|
#a{
|
||
|
|
position: absolute;
|
||
|
|
top: 120px;
|
||
|
|
right: 170px;
|
||
|
|
}
|
||
|
|
#b{
|
||
|
|
position: absolute;
|
||
|
|
top: 150px;
|
||
|
|
right: 170px;
|
||
|
|
}
|
||
|
|
#c{
|
||
|
|
position: absolute;
|
||
|
|
top: 180px;
|
||
|
|
right: 170px;
|
||
|
|
}
|
||
|
|
#d{
|
||
|
|
position: absolute;
|
||
|
|
top: 210px;
|
||
|
|
right: 170px;
|
||
|
|
}
|
||
|
|
#e{
|
||
|
|
position: absolute;
|
||
|
|
top: 240px;
|
||
|
|
right: 170px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div style=" background-color:#eeeeee; position:relative;left: 230px; height:1px; width:1000px;"></div>
|
||
|
|
<div style="background-color:#F0F8FF;position: relative;left:230px;transform: translateY(-10px);height: 30px;width: 1000px;">
|
||
|
|
<p style="transform: translateX(50px);">历史订单</p>
|
||
|
|
</div>
|
||
|
|
<div style="background-color:#b0c4de;position: relative;left:230px;transform: translateY(-10px);height: 30px;width: 1000px;">
|
||
|
|
<p style="transform: translateX(50px);"></p>
|
||
|
|
</div>
|
||
|
|
<div style="background-color:#F0F8FF;position: relative;left:231px;transform: translateY(-25px);height: 30px;width: 200px;">
|
||
|
|
<p style="transform: translateX(70px);">球类</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="background-color:#F0F8FF;position: relative;left:432px;transform: translateY(-71px);height: 30px;width: 200px;">
|
||
|
|
<p style="transform: translateX(70px);">约球时间</p>
|
||
|
|
</div>
|
||
|
|
<div style="background-color:#F0F8FF;position: relative;left:633px;transform: translateY(-117px);height: 30px;width: 200px;">
|
||
|
|
<p style="transform: translateX(70px);">约球地点</p>
|
||
|
|
</div>
|
||
|
|
<div style="background-color:#F0F8FF;position: relative;left:834px;transform: translateY(-163px);height: 30px;width: 397px;">
|
||
|
|
<p style="transform: translateX(145px);">订单时间</p>
|
||
|
|
</div>
|
||
|
|
<table border="1">
|
||
|
|
<tr id="a">
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 392px;height: 30px;"></td>
|
||
|
|
</tr>
|
||
|
|
<tr id="b">
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 392px;height: 30px;"></td>
|
||
|
|
</tr>
|
||
|
|
<tr id="c">
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 392px;height: 30px;"></td>
|
||
|
|
</tr>
|
||
|
|
<tr id="d">
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 392px;height: 30px;"></td>
|
||
|
|
</tr>
|
||
|
|
<tr id="e">
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 196px;height: 30px;"></td>
|
||
|
|
<td style="width: 392px;height: 30px;"></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<div style="background-color:#b0c4de;position: relative;left:230px;transform: translateY(-13px);height: 30px;width: 1000px;">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|