扫雷群规则资讯
返回（红包群）用HTML5+CSS+JS做出好玩的扫雷游戏（附源码）扫雷红包群群规图片
红包群扫雷怎么玩
表格左边格子表示剩余雷数，中间选择难度，右边计时。按下空格可以开始新游戏。
思路：
生成雷的分布，用二维数组储存。同时遍历数组，生成数字，表示周围的雷的数目，同样储存在这个二维数组中。生成div来表示格子，并且绑定一个坐标属性。与二维数组一一对应。点击格子，根据坐标判断是否点到雷。是雷就游戏结束，不是雷就显示数字。直接上代码：
八重樱爱学习--扫雷
.grid{
width: 18px;
height: 18px;
background-color: 30c00c;
float: left;
border: 1px black solid;
}
.mine{
width: 18px;
height: 18px;
float: left;
background-image:url(mine.png);
background-size: 18px 18px;
border: 1px black solid;
}
.flag{
width: 18px;
height: 18px;
float: left;
background-image:url(flag.png);
background-size: 18px 18px;
border: 1px black solid;
}
.number{
width: 18px;
height: 18px;
float:left;
text-align: center;
line-height: 20px;
border: 1px black solid;
background-color: rgb(235, 14, 32);
font-weight: bold;
}
box{
height: 200px;
width: 200px;
border: black 5px solid;
position: absolute;
left:calc(50% - 100px);
top: 100px;
}
info{
position: absolute;
left:calc(50% - 185px);
top: 30px;
text-align: center;
}
tip{
position: absolute;
bottom: 160px;
right: calc(50% - 70px);
}
初级
中级
高级
0:0
按下空格开始新游戏
... 
