CSS3按鈕可以使您的網站和應用程序變得更加現代和時尚，同時能夠讓用戶更容易地與您的內容和功能互動。其中最流行的風格之一就是扁平化設計，這種設計風格使按鈕看起來更加簡單和清晰。在這篇文章中，我們將為大家介紹如何用CSS3創建一個扁平化按鈕。 首先，讓我們創建一個基本的HTML結構，用來包含我們的按鈕。我們可以使用以下的代碼：

<div class="button">
<a href="#">按鈕</a>
</div>

接下來，我們添加CSS來裝飾我們的按鈕。我們將使用box-shadow屬性來創建按鈕陰影，border-radius屬性來使按鈕擁有圓角，以及使用transition屬性來創建一個簡單的動畫效果。

.button {
display: inline-block;
position: relative;
padding: 10px 20px;
background: #1abc9c;
color: #fff;
font-size: 18px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
cursor: pointer;
box-shadow: 0 5px 0 darkcyan;
border-radius: 5px;
transition: all 0.4s ease-in-out;
}
.button:hover {
background: #16a085;
box-shadow: 0 3px 0 lightcyan;
top: 2px;
}

上面的代碼中，我們附加了:hover偽類，這使得當用戶將鼠標懸停在按鈕上時，按鈕會呈現為不同的樣式。我們還使用了顏色漸變，這使得按鈕看起來更加現代和高級。 最后，我們可以在其它CSS代碼中使用這個新按鈕類，使得我們的網站或應用程序看起來更加專業和時尚。例如：

<p>請點擊下面的 <span class="primary-button">按鈕</span> 來獲取更多信息。</p>
.primary-button {
background: #e74c3c;
color: #fff;
box-shadow: 0 5px 0 darkred;
}
.primary-button:hover {
background: #c0392b;
box-shadow: 0 3px 0 lightred;
top: 2px;
}

通過使用CSS3按鈕和扁平化風格，您可以快速有效地提高您的網站或應用程序的設計水平和用戶體驗。這種簡單而有效的設計技巧，可以輕松地為您的網站或應用程序賦予時尚、現代和專業的外觀和感覺。