CSS給圖片加偽鏈可以讓圖片變得更加豐富多彩，也能起到美化頁面的作用。下面我們將介紹如何使用CSS給圖片加偽鏈。
首先，需要在HTML中插入一張圖片。如下所示：
```
```
接著，在CSS中聲明一個樣式并將其應用到圖片上。如下所示：
```
p img {
border-bottom: 2px solid #333;
}
p img:hover {
opacity: 0.7;
}
```
上述代碼是將圖片底部加上一條黑色的邊框，并給圖片添加了一個透明度效果。但這并不是給圖片加偽鏈的方式。
接下來，我們將使用CSS偽類來給圖片添加點擊效果。如下所示：
```
p img::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
p img:hover::after {
content: "";
background-color: rgba(0,0,0,0.5);
z-index: 2;
}
```
這段代碼是用偽類 `::after` 來創建一個與圖片大小相同的透明層，并在鼠標懸停時改變透明層的背景色，達到了類似鏈接的效果。
最后，我們需要再次將樣式應用于圖片本身，以保證圖片在偽鏈接的覆蓋下仍然可見。如下所示：
```
p img {
position: relative;
z-index: 3;
}
```
這段代碼將使圖片與偽鏈之間保持一定的距離，并將其在層次結構中放置在偽鏈之上。
CSS給圖片加偽鏈的樣式已經準備好了，現在只需要將其應用到實際的HTML中即可：
```
```
通過將圖片放在鏈接標簽 `
` 中，并將鏈接指向您想要跳轉到的網站或頁面，您的頁面現在就有了漂亮的圖片偽鏈。
以上就是使用CSS給圖片加偽鏈的完整步驟和代碼示例。通過使用這些技巧，您可以在頁面中增加許多其他的互動元素，使頁面更加生動有趣。