在CSS中，除了可以對網(wǎng)頁的格式和布局進行控制，還可以通過CSS實現(xiàn)一些有趣的效果。比如，我們可以使用CSS畫出象棋子。

.chess-piece {
position: relative;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #f1c27d;
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
margin: 10px;
display: inline-block;
}
.chess-piece.red {
background-color: #e74c3c;
}
.chess-piece.black {
background-color: #2c3e50;
}

上面的代碼中，我們創(chuàng)建了一個類名為.chess-piece的CSS樣式用于表示一個象棋子。通過設(shè)置寬度、高度、邊框半徑、背景顏色和盒陰影等屬性，實現(xiàn)了棋子的基本樣式。接下來，我們再創(chuàng)建兩個類名為.red和.black的樣式，用于表示紅色棋子和黑色棋子的樣式，只需修改背景顏色的屬性即可。

在HTML頁面中，我們可以使用標簽來創(chuàng)建一個象棋子，然后再根據(jù)需要添加類名為red或black的樣式來實現(xiàn)紅色或黑色的棋子。

通過上面的代碼，就可以在頁面中看到三個不同顏色的象棋子了。當然，在實際使用中，我們還可以根據(jù)需要添加更多的樣式屬性以及其他效果，例如旋轉(zhuǎn)、動畫等，來實現(xiàn)更加豐富的象棋子樣式。