/* กรอบนอกของตาราง */
table {
    border: solid black; /* ขอบนอก */
    border-spacing: 4px; /* ระยะห่างระหว่างช่อง */
    margin: 20px;
    padding: 5px;
}

/* ช่องในตาราง */
td {
    border: 2px solid black; /* ขอบในของแต่ละเซลล์ */
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: white;
    font-size: 24px;
}

/* เปลี่ยนสีพื้นหลังทั้งแถวเมื่อ hover */
tr:hover td {
    background-color: rgb(0, 176, 246); /* เปลี่ยนสีตามชอบ */
}