CSS（超文本樣式表）是一種用于網頁設計的語言，通過CSS我們可以控制網頁中的文字、圖像、背景等元素的顏色、大小、位置等樣式。而在網頁設計中，一個常見的需求就是點擊頁面中的返回主頁按鈕，因此今天我們就來一起學習如何使用CSS來制作一個好看的返回主頁按鈕。

/* 設置返回按鈕的樣式 */
.back {
display: inline-block; /* 改為塊級元素，方便設置樣式 */
width: 60px; /* 寬度 */
height: 60px; /* 高度 */
margin-top: 20px; /* 外邊距 */
border: none; /* 去除邊框 */
border-radius: 50%; /* 圓形 */
background-color: #ffcc00; /* 背景顏色 */
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); /* 陰影效果 */
text-align: center; /* 文字居中 */
line-height: 60px; /* 行高，使文字垂直居中 */
}
/* 設置按鈕文字的樣式 */
.back a {
display: block; /* 轉換為塊級元素 */
color: #fff; /* 字體顏色 */
font-size: 20px; /* 字體大小 */
text-decoration: none; /* 下劃線 */
}
/* 鼠標懸浮時文字的樣式 */
.back:hover a {
text-decoration: underline; /* 下劃線 */
}

通過上述CSS代碼，我們可以為返回按鈕添加背景顏色、圓形、陰影效果等樣式，使其更加美觀。同時，我們還通過設置文本樣式和鼠標懸浮時的樣式，使按鈕能夠更加易于操作和引人注目。

在網頁設計中，CSS的用處不僅僅局限于繪制按鈕樣式，還能夠為網頁添加不同的動畫效果、背景圖像等等，因此學習CSS是每一個網頁設計師必備的基礎技能之一。希望大家通過本文的學習，能夠更好地掌握CSS的使用方法，為網頁設計增色添彩。