CSS是網頁開發中必不可少的一部分，它可以為網頁添加樣式，實現豐富的交互效果。而Win8風格的按鈕是現在比較流行的設計風格之一，下面我們就來學習一下如何使用CSS來制作Win8風格的按鈕。

首先，我們需要創建一個按鈕的HTML代碼結構。我們可以使用一個div標簽來作為按鈕的容器，然后內部再添加一個按鈕的文本內容，如下所示：

<div class="btn">
<span class="btn-text">按鈕</span>
</div>

接下來，我們來為按鈕添加一些樣式。我們先設置按鈕容器的基本樣式：

.btn {
display: inline-block;
padding: 10px 15px;
font-size: 14px;
line-height: 1;
border-radius: 5px;
background-color: #008CBA;
color: #fff;
}

這里我們為按鈕容器設置了一些基本的樣式，包括內邊距、字體大小、行高、邊框半徑、背景顏色和文本顏色。

接下來，我們來添加按鈕的hover狀態樣式：

.btn:hover {
background-color: #0077B5;
}

這里我們為按鈕設置了hover狀態下的背景顏色，當鼠標滑過按鈕時，背景顏色會變成#0077B5，從而實現了按鈕的hover效果。

然后，我們來為按鈕添加active狀態樣式：

.btn:active {
background-color: #006699;
color: #fff;
box-shadow: inset 0 0 10px #333;
}

這里我們設置了按鈕的active狀態下的背景顏色、文本顏色和內陰影。當用戶點擊按鈕時，按鈕的背景顏色會變成#006699，文本顏色會變成白色，同時還會出現一個內陰影，這樣可以讓用戶感受到按鈕的按下感覺。

最后，我們還可以為按鈕添加一些額外的樣式，比如從左到右的漸變背景、圓角邊框等。這些樣式的具體實現可以參考網上的相關教程。

總之，通過使用CSS，我們可以很方便地實現各種各樣的按鈕效果，讓網頁變得更加美觀和功能豐富。