<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.wrap{
width: 480px;
background: url('2.jpeg') 100% 100% no-repeat;
opacity: 0.7;
margin: 0 auto;
border: 0.5px solid white;
box-shadow: 0 0 20px pink;
text-align: center;
padding-top: 20px;
font-weight: lighter;
/*color: white;*/
}
.box::after,.wrap::after{
clear: both;;
display: block;
content: "";
}
.box{
padding-bottom: 10px;
}
.time{
float: left;;
font-size: 30px;
margin-left: 20px;
}
.grade{
float: right;
font-size: 30px;
margin-right: 20px;
}
.text{
height: 200px;
padding: 100px 0;
font-size: 150px;
}
.decoration{
background:#fff;
opacity: 0.8;
height: 180px;
font-size: 30px;
font-weight: normal;
}
span{
display: inline-block;
width: 80px;
height: 180px;
line-height: 180px;
}
</style>
</head>
<body>
<div class="wrap">
<div class="box">
<div class="time">倒计时：60s</div>
<div class="grade">得分：00</div>
<input type="button" value="开始游戏">
<div class="text">绿</div>
<div style="font-weight: normal">根据