demo.html

<html>
<head>
  <meta charset="UTF-8">   <!--防止中文乱码-->
  <title>金雅的扫雷游戏</title>
  <link rel="stylesheet" type="text/css" href="styles.css" />
</head>

<body style="background-image: linear-gradient(to bottom right, rgb(41, 174, 197),  rgb(160, 184, 53));">
  <div class="level">  
    <button id="easy"><b style="font-size: 30px;">简单模式</b></button>    <!--定义三个模式的按钮，为了美观加粗体文本-->
    <button id="normal"><b style="font-size: 30px;">中级模式</b></button>
    <button id="difficult"><b style="font-size: 30px;">高级模式</b></button>
    <button id="restart"><b style="font-size: 30px;">重新开始</b></button>
  </div>
  
  <div class="info">
    <b style="font-size: 30px;"><span class ="tips">提示:左键扫雷，右键插旗，再次右键拔旗</span></b>
  </div>
  
  <div id="mine">
  
    <div class="game-pane">  
      <table id="board"> <!--棋盘-->
      </table>
    </div>
    <div class="Flag">
      <table id="flag "cellspacing="0">
        
      </table>
    </div>
  
  </div>
  <script src="script.js"></script>
</body>
</html>