CSS圖片坐標超鏈接，又稱為CSS圖像映射，是一種將多個超鏈接指向同一個圖像的特殊效果。這種技術能夠使用戶在單擊圖像上的不同部分時轉到不同的鏈接

要使用CSS圖片坐標超鏈接，我們需要先定義一個圖像，并用CSS設置其坐標。我們可以通過以下的HTML代碼來插入一個圖像：

<img src="example.jpg" alt="example" usemap="#examplemap">

然后我們需要在CSS中定義坐標。我們可以通過以下代碼來設置圖像的坐標：

map {
position: relative;
}
area {
position: absolute;
} 
.area1 {
top: 0;
left: 0;
width: 50%;
height: 50%;
}
.area2 {
top: 0;
left: 50%;
width: 50%;
height: 50%;
}
.area3 {
top: 50%;
left: 0;
width: 50%;
height: 50%;
}
.area4 {
top: 50%;
left: 50%;
width: 50%;
height: 50%;
}

這樣，我們的圖像就已經被分成了四個部分，并分別定義了四個坐標。接下來，我們需要向每個坐標添加超鏈接。我們可以通過以下代碼來向坐標添加超鏈接：

<map name="examplemap">
<area class="area1" href="#">
<area class="area2" href="#">
<area class="area3" href="#">
<area class="area4" href="#">
</map>

現在，當用戶單擊圖像的第一部分時，會跳轉到第一個鏈接；單擊圖像的第二部分時，會跳轉到第二個鏈接，以此類推。

總體而言，CSS圖片坐標超鏈接是一種非常有用的技術。通過將多個鏈接映射到同一個圖像上，可以減少頁面中的重復代碼，并改善用戶體驗。同時，該技術也通過更好的組織頁面來提供更好的用戶導航。