在網頁設計中，登錄按鈕是非常重要的一個元素。接下來我們就來學習如何使用CSS寫出一個漂亮的登錄按鈕。

首先，在HTML中創建一個按鈕元素。

<button>登錄</button>

接下來，我們為按鈕設置一些樣式。首先，設置按鈕的背景顏色、文本顏色、邊框顏色和寬度。

button {
background-color: #4CAF50;
color: white;
border: 1px solid #4CAF50;
border-radius: 5px;
width: 100px;
height: 30px;
}

現在，我們已經創建了一個簡單的登錄按鈕。接下來，我們可以為按鈕添加一些懸停和按下效果。

button:hover {
background-color: #3e8e41;
border: 1px solid #3e8e41;
}
button:active {
background-color: #4CAF50;
border: 1px solid #4CAF50;
}

現在，我們已經為登錄按鈕創建了一些簡單的CSS樣式。通過改變背景顏色，文本顏色和邊框顏色，我們可以創建許多不同樣式的登錄按鈕，以適應不同的頁面。希望這篇文章對于你學習如何使用CSS創建登錄按鈕有所幫助。