采用2D的方式模拟电影院购票的系统。选择的座位一次的追加到代付款的模块当中,最后确认信息后进行购票。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.box{
width: 540px;
height: 760px;
}
.weizi{
float: left;
padding-top: 24px;
padding-bottom: 42px;
border-bottom: dashed;
}
.first span
{
display: inline-block;
width: 38px;
height: 38px;
font-size: 13px;
background-color: #B9DEA0;
text-align: center;
color: #fff;
cursor: pointer;
border-radius: 5px;
margin-top: 24px;
}
.fourth span
{
display: inline-block;
width: 38px;
height: 38px;
color: #fff;
font-size: 13px;
background-color: #B9DEA0;
text-align: center;
cursor: pointer;
border-radius: 5