CSS是一種強大的網頁樣式語言，它可以做出漂亮的效果和交互特效。在網頁中，經常需要返回頂部的功能，利用CSS也能輕松實現。下面就介紹一下如何使用純CSS做一個返回頂部的按鈕。

// 在HTML中添加一個返回頂部的按鈕

<div class="to-top">↑</div>

// 在CSS中設置樣式

.to-top {

position: fixed;  // 固定位置

bottom: 50px;    // 距離底部50像素

right: 50px;     // 距離右側50像素

width: 50px;     // 寬度

height: 50px;    // 高度

line-height: 50px;  // 行高

text-align: center;  // 文字居中

font-size: 30px;

border-radius: 50%;  // 圓形按鈕

background-color: #6cd;  // 背景色

color: #fff;     // 文字顏色

cursor: pointer;  // 鼠標懸停樣式

opacity: 0.5;    // 半透明效果

transition: all 0.3s;  // 過渡效果

}

// 鼠標懸停時改變樣式

.to-top:hover {

opacity: 1;    // 按鈕變成不透明

}

以上代碼就實現了一個簡單的返回頂部按鈕，當用戶點擊它時，可以用JavaScript實現平滑滾動到頂部的效果。

總結一下，使用純CSS實現返回頂部按鈕的步驟如下：
1. 在HTML中添加一個