國際象棋棋盤是一種非常古老的游戲，它具有高深的戰略性和思維挑戰。為了讓人們更好地玩這個游戲，我們可以使用CSS來創建一個漂亮的國際象棋棋盤。 首先，我們需要創建一個DIV元素，用于承載整個棋盤：

div.chess-board {
width: 320px;
height: 320px;
}

接下來，我們可以創建一個二維數組，其中第一個維度表示行，第二個維度表示列，用于生成棋盤的格子：

var chessCells = [];
for (var row = 0; row< 8; row++) {
var cells = [];
for (var col = 0; col< 8; col++) {
var cell = document.createElement('div');
cell.classList.add('chess-cell');
if ((row + col) % 2 === 0) {
cell.classList.add('even-color');
} else {
cell.classList.add('odd-color');
}
cells.push(cell);
}
chessCells.push(cells);
}

在創建格子時，我們還添加了一個CSS類，用于區分黑色格子和白色格子：

.chess-cell {
width: 40px;
height: 40px;
display: inline-block;
}
.even-color {
background-color: #eee;
}
.odd-color {
background-color: #bbb;
}

最后，我們可以將生成的格子添加到棋盤DIV中：

var board = document.querySelector('.chess-board');
chessCells.forEach(function(cells) {
var row = document.createElement('div');
row.classList.add('chess-row');
cells.forEach(function(cell) {
row.appendChild(cell);
});
board.appendChild(row);
});

這樣，我們就成功地用CSS和JavaScript創建了一個漂亮的國際象棋棋盤。