CSS是一種強大的用于網頁設計的語言。在CSS中，按鈕被稱為“按鈕元素”，并且可以設置為響應用戶的單擊事件。在大多數情況下，單擊按鈕將重新加載瀏覽器窗口或將用戶轉移到網站的其他頁面。在本文中，我們將學習如何在CSS中創建一個帶有圖片的按鈕，并將其設置為在單擊后跳轉到其他頁面。

.btn {
display: inline-block;
background-image: url('button.png');
width: 200px;
height: 50px;
cursor: pointer;
}

上面的CSS代碼說明了如何創建一個帶有圖片的CSS按鈕。我們在背景圖像中指定了圖片的URL。我們還定義了按鈕的寬度和高度，以及在鼠標懸停時將其設置為“指針”類型的光標。

為了讓按鈕跳轉到其他頁面，我們需要為其添加一個鏈接。我們可以通過HTML中的“a”標記來實現這一點：

在上面的HTML代碼中，我們將按鈕封裝在一個“a”標記中，并指定了指向的頁面的URL。這將使我們的按鈕在單擊時被重定向到另一個頁面。

要創建一個響應用戶單擊事件的按鈕，我們可以使用JavaScript：

跳轉到其他頁面

在上面代碼中，我們使用JavaScript的“window.location.href”屬性將用戶重定向到提供的URL。

無論您選擇使用哪種方法，將CSS與鏈接或JavaScript一起使用，您都可以輕松地創建帶有圖片的CSS按鈕，以在單擊時將用戶重定向到其他頁面。