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，我们可以制作出丰富多彩、独具特色的元素，为我们的网站增色不少。