在網頁設計中創建按鈕是非常常見的。利用 CSS（層疊樣式表）可以很簡單的實現這個目的。下面我們來看看如何在 CSS 中創建一個按鈕。

.button {
background-color: #4CAF50; /* 設置背景顏色 */
border: none; /* 去除邊框 */
color: white; /* 字體顏色 */
padding: 15px 32px; /* 內邊距 */
text-align: center; /* 文字居中 */
text-decoration: none; /* 去除下劃線 */
display: inline-block; /* 將元素設置為內聯塊級元素 */
font-size: 16px; /* 字體大小 */
border-radius: 10px; /* 圓角 */
transition-duration: 0.4s; /* 增加過渡效果 */
cursor: pointer; /* 鼠標懸停時顯示手型 */
}
.button:hover {
background-color: #3e8e41; /* 鼠標懸停時背景顏色變換 */
}

這段代碼中，我們首先定義了一個名為 "button" 的類，然后利用 CSS 設置了按鈕的各種樣式：背景顏色、字體顏色、內邊距、圓角、字體大小等等。在定義完這些樣式后，我們在類的最后使用“:hover”來制作鼠標懸停的樣式，不過要注意的是它必須放在 ".button" 后面。

當然，你可以按照自己的需求對這個按鈕進行定制，比如改變背景顏色、字體顏色、圓角大小等等。這個按鈕可以用于許多不同的場合，如登錄頁或注冊頁等等。

類似這種簡單的按鈕設計，都可以利用 CSS 實現，因此 CSS 在前端開發中具有至關重要的地位，提供了美化頁面的無限可能，也為開發者節省了大量的時間和精力。