CSS是前端開發中不可或缺的技術之一，它可以讓網頁變得更加美觀和易于使用。

在網頁設計中，按鈕是一項重要的元素，它可以讓用戶執行各種操作，如提交表單、跳轉到其他頁面等。下面是一些用CSS編寫按鈕的技巧。

/* 創建一個按鈕 */
.my-button {
background-color: #007bff;
border: none;
color: #fff;
padding: 10px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 4px;
}
/* 鼠標懸停在按鈕上時 */
.my-button:hover {
background-color: #0069d9;
}
/* 點擊按鈕時 */
.my-button:active {
background-color: #0053ba;
}

在上面的代碼中，我們創建了一個名為 .my-button 的類，它是一個基本的按鈕樣式。我們使用了一些常見的CSS屬性，如background-color（背景色）、border（邊框）、padding（填充）、color（文本顏色）等。我們還使用了 display: inline-block; 將按鈕放在一行上，并使用 cursor: pointer; 改變鼠標的樣式為手型。

接著，我們為 .my-button 類添加了兩個偽類，:hover 和 :active。當用戶將鼠標懸停在按鈕上時，按鈕的背景色會改變；當用戶點擊按鈕時，按鈕的背景色也會改變。

通過上述代碼，我們可以輕松地創建漂亮、易于使用的按鈕，使用戶的操作體驗更加愉快。