在網頁設計中，圖片是不可或缺的元素之一。而在CSS中，為圖片添加特殊效果，比如局部透明度，是常見的技巧之一。下面將介紹如何在CSS中使用局部透明度。

img {
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
img:hover {
opacity: 0.5;
}

如上所示的代碼是為圖片應用局部透明度的例子。首先，我們給圖片設置好了默認的不透明度為1。然后，使用CSS的transition屬性來添加漸變效果，使圖片透明度改變時不至于顯得突兀。最后，在:hover偽類中添加了透明度為0.5的樣式，表示當鼠標懸浮在圖片上時顯示半透明效果。

需要注意的是，上述代碼中的透明度屬性值為0-1的浮點數。其中0表示完全透明，1表示完全不透明。也就是說，當我們將透明度設為0.5時，實際上是讓圖片的可見度降至50%。如果圖片本身有白色或淺色背景，透明度過高的話可能會導致圖片的邊框或者背景顏色走形。

除了選中整張圖片，我們也可以為圖片的某一部分添加局部透明度，比如只讓圖片的邊框或某一個元素透明度減低。這時需要使用CSS中的background-clip屬性和backgroung-color屬性。

.border {
background-color: rgba(255, 0, 0, 0.5);
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 30px solid transparent;
}

如上所述代碼，我們為圖片的邊框添加半透明效果。首先，我們設置了一個帶有alpha通道的顏色，其中rgba的后三個屬性分別是紅色、綠色和藍色的值，最后一個屬性0.5表示50%的透明度。然后我們使用background-clip屬性設置背景填充的區域，這里我們只填充邊框內部的區域。最后，通過border屬性將邊框設置為透明，即可讓邊框內部的背景顏色透過邊框漏出來，產生半透明效果。

總的來說，CSS中的局部透明度非常靈活和實用，能夠大大提升網頁的美感。無論是為整張圖片設置透明度，還是只為部分元素添加透明效果，都可以根據具體需求自由操作。