html+css+js贪吃蛇游戏

贪吃蛇游戏🕹四个按钮控制方向🎮

源代码在图片后面     点赞❤️关注🙏收藏⭐️

互粉必回🙏🙏😍😍😍

 源代码📟

<style>

    body {

        display: flex;

        justify-content: center;

        align-items: center;

        height: 100vh;

        background-color: #f5f5f5;

        margin: 0;

        font-family: Arial, sans-serif;

    }

    .game-container {

        width: 300px;

        text-align: center;

    }

    table {

        border-collapse: collapse;

        margin-top: 20px;

        border: 1px solid gray;

    }

    td {

        width: 10px;

        height: 10px;

        border: 1px solid gray;

    }

    .snake {

        background-color: green;

    }

    .food {

        background-color: red;

    }

    .control-buttons {

        display: flex;

        justify-content: space-around;

        margin-bottom: 10px;

    }

    button {

        width: 50px;

        height: 50px;

        border-radius: 10px;

        border: none;

        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

        cursor: pointer;

    }

    #score {

        font-size: 1.5em;

        margin-bottom: 10px;

    }