在制作網(wǎng)頁時(shí)，背景圖是一個(gè)重要的設(shè)計(jì)元素，而將背景圖與鏈接結(jié)合起來，可以為用戶提供更好的交互體驗(yàn)。下面是如何在CSS中添加背景圖鏈接的代碼示例。

/* 1. 在CSS中定義背景圖 */
body {
background-image: url('bg-image.jpg');
background-size: cover;
}
/* 2. 添加鏈接 *//* 3. 為鏈接添加樣式并設(shè)置位置和大小 */
.bg-link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; /* 將鏈接放到背景圖下面 */
}

以上代碼中，首先在CSS中通過background-image屬性定義了背景圖，然后在HTML中添加了一個(gè)標(biāo)簽并設(shè)置了class為"bg-link"，表示這個(gè)鏈接是背景圖鏈接。接著，在CSS中針對該類名添加樣式，包括將該鏈接設(shè)置為block元素，將其定位到頁面的左上角，寬度和高度都設(shè)置為100%，并將其放置在背景圖下面。最后，通過設(shè)置z-index將背景圖鏈接放置在最底層。

這樣，當(dāng)用戶鼠標(biāo)單擊背景圖鏈接時(shí)，就會(huì)跳轉(zhuǎn)到指定鏈接，實(shí)現(xiàn)更好的用戶交互和體驗(yàn)。