通过deepseek写的html页面版五子棋电脑上双击就可以玩

最新推荐文章于 2025-06-03 16:53:51 发布

运维_攻城狮

最新推荐文章于 2025-06-03 16:53:51 发布

阅读量475

点赞数 3

分类专栏： ai 文章标签： html javascript 前端

本文链接：https://blog.youkuaiyun.com/MRzhangshuang/article/details/145701423

版权

五子棋html网页版源代码

<!DOCTYPE html>
<html>
<head>
    <title>五子棋游戏</title>
    <style>
        body {
     
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background-color: #f0d9b5;
        }
        
        #game-container {
     
            text-align: center;
        }

        #board {
     
            background-color: #e8c873;
            box-shadow: 0 0 10px rgba(0,0,0,0.5);
        }

        #info {
     
            margin-top: 20px;
            font-size: 24px;
            font-family: Arial, sans-serif;
            color: #6b4423;
        }

        button {
     
            padding: 10px 20px;
            font-size: 16px;
            background-color: #6b4423;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <canvas id="board" width="525" height="525"></canvas>
        <div id="info">黑方回合</div>
        <button onclick="resetGame()">