CSS是網頁設計中不可或缺的一部分，可以用來美化網頁元素。在這篇文章中，我們將介紹如何用CSS編寫一個漂亮的按鈕框，讓你的網頁更加吸引人。

首先，在HTML頁面中創建一個按鈕元素，比如下面的代碼：

<button class="btn">點擊我</button>

然后，在CSS文件中添加以下代碼，定義按鈕框的樣式：

.btn {
background-color: #4CAF50; /* 設定背景色 */
border: none; /* 沒有邊框 */
color: white; /* 字體顏色為白色 */
padding: 15px 32px; /* 設定按鈕的內邊距 */
text-align: center; /* 居中文字 */
text-decoration: none; /* 沒有下劃線 */
display: inline-block; /* 顯示為行內塊狀元素 */
font-size: 16px; /* 字體大小 */
margin: 4px 2px; /* 設定邊距 */
cursor: pointer; /* 鼠標指針變為手形 */
border-radius: 10px; /* 添加圓角 */
}

上面的代碼中，可以根據需要調整參數的具體數值，比如顏色、內邊距、字體大小等。運行代碼后，你會看到一個漂亮的按鈕框出現在頁面上。

如果想要給按鈕框添加鼠標懸停效果，可以添加以下代碼：

.btn:hover {
background-color: #3e8e41; /* 鼠標懸停時背景色變為綠色 */
}

這樣，按鈕框在鼠標懸停時會改變背景色，使其更具交互性。

以上就是用CSS編寫按鈕框的簡單教程。希望本文對你有所幫助，如果想要改進代碼，也歡迎你在評論區留言。