在網頁設計中，超鏈接背景圖是非常常見的效果之一，這種效果可以讓超鏈接更加吸引人，提高頁面的美觀度和用戶體驗。在CSS中，我們可以使用background屬性來設置超鏈接背景圖。 首先，我們需要創建一個超鏈接，代碼可以如下所示：

<a >超鏈接</a>

接下來，我們需要創建一個CSS樣式，來設置超鏈接的背景圖。代碼如下：

p a {
background-image: url("image.jpg");
background-repeat: no-repeat;
background-position: center;
display: inline-block;
padding: 10px;
}

在這個CSS樣式中，我們使用了background-image屬性來指定背景圖的URL，使用了background-repeat屬性來設置不重復平鋪，使用了background-position屬性來讓背景圖水平垂直居中。同時，我們還添加了display:inline-block屬性來讓超鏈接成為行內塊級元素，以便我們可以給它添加padding屬性，讓超鏈接更加美觀。 當我們將這個CSS樣式應用到超鏈接上時，就會得到一個帶有背景圖的超鏈接效果，讓網頁更加生動和吸引人。 總之，CSS中的background屬性提供了非常強大的功能，可以讓我們輕松地實現超鏈接背景圖效果，提高網站的美觀度和用戶體驗。