返回按鈕是網頁設計中重要的組成部分之一，因為它可以幫助用戶方便地返回前一個頁面。在這篇文章中，我們將討論如何使用CSS代碼設計一個漂亮的返回按鈕。

/* 返回按鈕的基本樣式 */
.button {
display: inline-block;
padding: 10px;
background-color: #fff;
border: 1px solid #333;
color: #333;
text-decoration: none;
font-size: 16px;
border-radius: 5px;
transition: all 0.3s ease;
}
/* 鼠標覆蓋后的返回按鈕樣式 */
.button:hover {
background-color: #333;
color: #fff;
}
/* 返回按鈕的箭頭 */
.arrow-up {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #333;
display: inline-block;
margin-left: 5px;
transform: translateY(2px);
}

以上CSS代碼包括三個部分，分別是按鈕的基本樣式、鼠標覆蓋后的樣式以及箭頭的樣式。我們使用了border屬性來創建按鈕的邊框，同時使用了border-radius屬性來讓按鈕的邊角更加圓潤。為了讓鼠標覆蓋后的按鈕顏色改變，我們使用了:hover偽類選擇器。而按鈕的箭頭則是通過border屬性創建的一個三角形。

需要注意的是，這只是一個基本樣式的返回按鈕，如果想要更加豐富的樣式，可以根據具體需求進行修改。