CSS 圖片成為超鏈接 當你想要給一張圖片添加超鏈接時，通常可以使用 HTML 的 `` 標簽來實現。但是，這并不意味著你不能使用 CSS 為圖片添加超鏈接。下面我們就來介紹如何使用 CSS 使圖片成為超鏈接。 我們使用 CSS 中的 `background-image` 屬性來為一個元素設置圖像。這個屬性可以通過一個 URL 來指定圖片的路徑。如果你想要這個元素成為一個超鏈接，我們可以使用 `a` 元素來實現。 首先，我們需要在 HTML 中創建一個 `a` 元素，以及一個包含圖片的 `div` 元素。接下來，我們在 CSS 中為這個 `div` 元素設置 `background-image` 屬性，并且在 `a` 元素上添加一個 `display:block` 的屬性，使其具有可觸發鏈接的寬度和高度。 代碼： ```html

``` ```css .image { background-image: url('image.png'); width: 100px; height: 100px; } a { display: block; } ``` 在上面的代碼中，我們為 `.image` 元素設置了背景圖片，并且設置了圖片的寬度和高度。接著，我們通過 `display:block` 的屬性來使 `a` 元素擁有可感受到超鏈接的寬度和高度。 如果你想讓這個鏈接在鼠標懸停時改變樣式，你可以添加 `:hover` 偽類。例如，當鼠標懸停在這個鏈接上時，我們可以讓它的背景色變為紅色。 代碼： ```css a:hover { background-color: red; } ``` 當然，這并不是唯一的方法來為圖片添加超鏈接。你仍然可以使用常規的 HTML `` 標簽來實現這個目的。但是，如果你想更具創造性和靈活性，使用 CSS 創建圖片鏈接是一個非常好的選擇。