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.
128 lines
4.0 KiB
128 lines
4.0 KiB
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
#main{
|
|
width:1550px;
|
|
height:800px;
|
|
MARGIN-RIGHT: auto;
|
|
MARGIN-LEFT: auto;
|
|
}
|
|
#city{
|
|
margin: 5px;
|
|
padding: 15px;
|
|
width: 1550px;
|
|
height: 750px;
|
|
border: 1px solid black;
|
|
}
|
|
#button{
|
|
width:100px;
|
|
height: 45px;
|
|
background: #DC143C;
|
|
display: inline-block;
|
|
transform: translateY(350px);
|
|
position: relative;
|
|
left:252px;
|
|
bottom: 40px;
|
|
}
|
|
#section{
|
|
width: 450px;
|
|
height: 500px;
|
|
padding: 10px;
|
|
float: left;
|
|
transform: translateY(50px);
|
|
position: relative;
|
|
left:540px;
|
|
background: white;
|
|
}
|
|
#section1{
|
|
width:240px;
|
|
height: 60px;
|
|
padding: 10px;
|
|
float:right
|
|
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="overflow: hidden;">
|
|
<div id="main">
|
|
<div id="city" style="background-image: url( 图片/timg.jpg);background-repeat:no-repeat;position: relative;left: -15px;top: -10px;">
|
|
|
|
<div id= "section">
|
|
</div>
|
|
|
|
<div id="section1" style="background: url( 图片/QQ截图20190110153310.png);position: relative;left:-638px;bottom: -80px">
|
|
<div style=" background-color:#DC143C; position:relative;left: -32px;bottom: -80px; height:2px; width:300px;">
|
|
</div>
|
|
<div style=" background-color:#DC143C; position:relative;left: -32px;bottom: -83px; height:1px; width:300px;"></div>
|
|
</div>
|
|
<table>
|
|
<tr style="transform: translateX(205px)translateY(200px);">
|
|
<td style="color: black; font-size:20px;">球类：</td>
|
|
<td>
|
|
<select style="width: 80px;height: 30px;" name="球类" >
|
|
<option value="篮球">篮球</option>
|
|
<option value="足球">足球</option>
|
|
<option value="羽毛球">羽毛球</option>
|
|
<option value="乒乓球">乒乓球</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr style="transform: translateX(195px)translateY(230px);" >
|
|
<td style="color: black;font-size:20px;">约球场地：</td>
|
|
<td>
|
|
<select style="width: 100px;height: 30px;" name="约球场地" >
|
|
<option value="师大体院馆">师大体育馆</option>
|
|
<option value="江边篮球场">江边篮球场</option>
|
|
<option value="师大操场">师大操场</option>
|
|
<option value="五舍广场">五舍广场</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr style="transform: translateX(206px)translateY(268px);" >
|
|
<td style="color: black;font-size:20px;">约球时间：</td>
|
|
<td>
|
|
<select style="width: 70px;height: 30px;" name="约球时间" >
|
|
<option value="7:30">7:30</option>
|
|
<option value="8:00">8:00</option>
|
|
<option value="8:30">8:30</option>
|
|
<option value="9:00">9:00</option>
|
|
<option value="9:30">9:30</option>
|
|
<option value="10:00">10:00</option>
|
|
<option value="10:30">10:30</option>
|
|
<option value="11:00">11:00</option>
|
|
<option value="11:30">11:30</option>
|
|
<option value="12:00">12:00</option>
|
|
<option value="12:30">12:30</option>
|
|
<option value="13:00">13:00</option>
|
|
<option value="13:30">13:30</option>
|
|
<option value="14:00">14:00</option>
|
|
<option value="14:30">14:30</option>
|
|
<option value="15:00">15:00</option>
|
|
<option value="15:30">15:30</option>
|
|
<option value="16:00">16:00</option>
|
|
<option value="16:30">16:30</option>
|
|
<option value="17:00">17:00</option>
|
|
<option value="17:30">17:30</option>
|
|
<option value="18:00">18:00</option>
|
|
<option value="18:30">18:30</option>
|
|
<option value="19:00">19:00</option>
|
|
<option value="19:30">19:30</option>
|
|
<option value="20:00">20:00</option>
|
|
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<input id="button" type="submit" onClick="alert('提交订单成功！')" value="提交">
|
|
<div style=" background-color:#DC143C; position:relative;left: 620px;bottom: -350px; height:1px; width:300px;"></div>
|
|
<div style=" background-color:#D3D3D3; position:relative;left: 620px;bottom: -100px; height:1px; width:300px;"></div>
|
|
<div style=" background-color:#D3D3D3; position:relative;left: 620px;bottom: -165px; height:1px; width:300px;"></div>
|
|
<div style=" background-color:#D3D3D3; position:relative;left: 620px;bottom: -230px; height:1px; width:300px;"></div>
|
|
<div style=" background-color:#DC143C; position:relative;left: 620px;bottom: -350px; height:2px; width:300px;"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|