在開發網站過程中，我們可能需要對網頁的樣式進行修改，其中一個常見的需求就是添加一個“返回上一頁”的按鈕。在這種情況下，我們可以使用CSS代碼來實現這個功能。下面就給大家介紹一下如何使用CSS代碼來實現一個“返回上一頁”的按鈕。

/* CSS代碼 */
.back-btn {
display: inline-block;
padding: 10px;
border: 1px solid #ccc;
background-color: #eee;
color: #333;
text-decoration: none;
cursor: pointer;
}
.back-btn:hover {
background-color: #ccc;
color: #fff;
}

上面的CSS代碼中，我們定義了一個名為“back-btn”的class，這個class可以用于任何一個HTML元素上，比如一個或元素。當用戶點擊這個按鈕時，它會返回到上一頁。實現這個功能的關鍵在于JavaScript代碼。下面是實現這個功能用到的JavaScript代碼：

/* JavaScript代碼 */
document.querySelector('.back-btn').addEventListener('click', function() {
history.back();
}, false);

在這個JavaScript代碼中，我們使用了document.querySelector()方法來獲取名為“back-btn”的HTML元素，然后添加了一個click事件監聽器。當用戶點擊這個按鈕時，它調用了history.back()方法，這個方法會將頁面返回到上一頁。

可以看出，使用CSS代碼來實現一個“返回上一頁”的按鈕并不困難，只需要將樣式和JavaScript代碼結合起來，就可以輕松實現這個功能了。