CSS可以幫助我們實現許多炫酷的效果，比如Windows 8的風格，今天我們就來學習一下如何使用CSS來實現仿Win8的效果。

/* Win8效果樣式 */
.win8 {
background-color: #0072C6;
border-radius: 5px;
color: #fff;
display: inline-block;
font-size: 24px;
font-weight: bold;
height: 60px;
line-height: 60px;
margin: 0 10px;
padding: 0 20px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
width: 200px;
}
.win8:hover {
background-color: #0188CE;
}

上面是一個簡單的CSS樣式代碼，我們將其命名為Win8樣式，這樣就能夠根據需要隨時調用了。

我們可以使用這個樣式來制作 Win8 風格的按鈕。使用HTML代碼如下：

<a href="#" class="win8">按鈕</a>

在上面的代碼中，我們使用了 <a> 標簽來創建一個鏈接按鈕，然后使用 class 屬性，將Win8樣式應用到這個按鈕上。這樣我們就能夠在我們的網站或者應用中使用這個按鈕了。

當然，如果你想要制作更多的Win8風格元素，只需要根據上述Win8樣式繼續擴展即可。通過學習CSS，我們可以制作出豐富多彩、獨具特色的元素，為我們的網站增色不少。