<html>
<title>小练习</title>
<head>
<style>
.shangmian{
width:100% ;
height:20% ;
background-size:cover ;
background-image:url(1.jpeg);
}
.title{
font-size:50px ;
color:#AACECF;
}
.menu {
align:center;
width:20%;
height:70% ;
background-color:#095B66;
}
.op{
border:solid ;
margin:10 ;
background-color:#E6D70C ;
width:200px ;
height:30px ;
font-color:#CD0CE6 ;
}
.int{
position:absolute ;
top:150px ;
left:300px ;
padding:10px ;
}
.in {
margin:10 ;
}
.table {
position:absolute ;
top:200px ;
left:300 ;
border:1px ;
margin:10 ;
}
#ta{
margin:10px ;
border-collapse:collapse ;
width:1000px;
}
#ta th,#ta td{
border:solid 1px ;
width:20% ;
padding: 3px;
text-align:center ;
}
.bu{
margin:10 ;
}
</style>
</head>
<body>
<div class="shangmian" align="center">
<p class="title"> 优乐影院管理系统</p>
</div>
<div class="menu" align=center>
<button class="op">查询剧目信息</button><p>
<button class="op">查询用户信息</button></p><p>
<button class="op">查询演出计划</button></p><p>
<button class="op">查询演出票</button></p>
</div>
<div class="int">
<label>片名:</label>
<input type="text" class="in"></input>
<label>编号:</label>
<input type="text" class="in"></input>
<label>演出厅:</label>
<input type="text" class="in"></input>
<label>国家:</label>
<select name="select" class="in" value="软件1704">
<option>US</option>
<option>CN</option>
<option>CN_HK</option>
<option>UK</option>
<option>JP</option>
</select>
<button>添加</button>
<button>取消</button>
</div>
<div><hr color=black></div>
<div class="table">
<table id="ta">
<tr class="Tr">
<th>
片名
</th>
<th>
编号
</th>
<th>
演出厅
</th>
<th>
国家
</th>
<td>操作</td>
</tr>
<tr>
<td>蜘蛛侠－英雄使命</td>
<td>１</td>
<td>0002</td>
<td>US</td>
<td><button>删除</button><button>修改</button></td>
</tr>
<tr>
<td>蜘蛛侠－英雄使命</td>
<td>１</td>
<td>0002</td>
<td>US</td>
<td><button>删除</button><button>修改</button></td>
</tr>
<tr>
<td>蜘蛛侠－英雄使命</td>
<td>１</td>
<td>0002</td>
<td>US</td>
<td><button>删除</button><button>修改</button></td>
</tr>
<tr>
<td>蜘蛛侠－英雄使命</td>
<td>１</td>
<td>0002</td>
<td>US</td>
<td><button>删除</button><button>修改</button></td>
</tr>
<tr>
<td>蜘蛛侠－英雄使命</td>
<td>１</td>
<td>0002</td>
<td>US</td>
<td><button>删除</button><button>修改</button></td>
</tr>
<tr>
<td>蜘蛛侠－英雄使命</td>
<td>１</td>
<td>0002</td>
<td>US</td>
<td><button>删除</button><button>修改</button></td>
</tr>
<tr>
<td>蜘蛛侠－英雄使命</td>
<td>１</td>
<td>0002</td>
<td>US</td>
<td><button>删除</button><button>修改</button></td>
</tr>
</table>
<p align=center><button>1</button><button>2</button><button>3</button><button>4</button><button>...</button></p>
</div>
<div align=center class="info"><p>联系方式：88888888 QQ:99999999 姓名：CK</p><div>
</body>
</html>
