隨著互聯網的發展，越來越多的游戲開始向網頁端轉移。而制作網頁游戲最重要的一點就是CSS樣式的運用。下面我們將介紹如何用CSS制作游戲的方法。

首先，游戲中最基本的元素就是方塊（或球），那么我們需要用CSS定義一個塊的樣式：

.block{
width: 50px;
height: 50px;
background-color: #000;
}

然后，我們需要控制方塊移動的動作。這時候就要用到CSS3的動畫效果了。我們可以使用“@keyframes”來定義一個運動過程：

@keyframes move{
0% {
transform: translateX(0);
}
100% {
transform: translateX(100px);
}
}

在這里，“translateX”是一個CSS3的屬性，表示元素水平方向的移動。0%和100%分別代表運動的起點和終點。

接下來，我們將方塊和動畫結合起來：

.block{
width: 50px;
height: 50px;
background-color: #000;
animation: move 1s linear infinite;
}

在這里，“animation”是一個CSS3的屬性，它用來指定元素的動畫效果。我們將之前定義的“move”動畫應用在方塊上，并設置動畫的時間、動畫進行的速度以及是否循環。

最后，我們可以用JavaScript來控制方塊移動的方向、速度等其他行為。

以上就是如何用CSS制作游戲的方法。當然，CSS在游戲中的運用不止于此，還可以制作出各種酷炫的特效。有興趣的讀者可以繼續深入研究。