俄羅斯方塊是一款經典的游戲，這里我們就來介紹一下如何使用CSS來制作俄羅斯方塊。

首先，我們需要創建一個整體的容器，使用div標簽，并設置其寬度、高度和背景顏色：

div.tetris {
width: 200px;
height: 400px;
background-color: #f5f5f5;
}

接下來，我們需要創建7個不同形狀的方塊，每個方塊由4個小正方形組成，使用div標簽，并設置其寬度、高度和背景顏色：

div.block-I {
width: 40px;
height: 160px;
background-color: #00ffee;
}
.block-I div {
width: 40px;
height: 40px;
background-color: #00cccc;
}
div.block-J {
width: 120px;
height: 80px;
background-color: #0000ff;
}
.block-J div {
width: 40px;
height: 40px;
background-color: #0000cc;
}
/* … */
div.block-Z {
width: 120px;
height: 80px;
background-color: #ff0000;
}
.block-Z div {
width: 40px;
height: 40px;
background-color: #cc0000;
}

為了實現方塊旋轉，我們需要使用CSS3的transform屬性。我們為每個方塊創建4個狀態，每個狀態都是由初始狀態旋轉90度得到的：

.block-I div:nth-child(1) {
transform: rotate(0deg);
}
.block-I div:nth-child(2) {
transform: rotate(90deg);
}
.block-I div:nth-child(3) {
transform: rotate(180deg);
}
.block-I div:nth-child(4) {
transform: rotate(270deg);
}
/* … */
.block-Z div:nth-child(1) {
transform: rotate(0deg);
}
.block-Z div:nth-child(2) {
transform: rotate(90deg);
}
.block-Z div:nth-child(3) {
transform: rotate(0deg);
}
.block-Z div:nth-child(4) {
transform: rotate(90deg);
}

最后，我們需要在容器中隨機生成方塊，并根據用戶的操作移動或旋轉方塊。這部分需要使用JavaScript來實現。