CSS是一種用于樣式設置的語言，使網頁更加美觀，其中包括設置圖片的樣式。半透明的圖片可以為網頁增加一種柔和、優雅的氛圍。

CSS中使用opacity屬性來設置圖片的不透明度。這個屬性的值可以在0和1之間，0表示完全透明，1表示完全不透明。為了設置圖片為半透明，我們可以將opacity屬性設置在0.5左右的值。

img {
opacity: 0.5;
}

有時候，我們希望設置圖片的不透明度僅在鼠標懸浮在上方時才起作用，為了實現這個效果，我們可以使用:hover偽類。當鼠標懸浮在圖片上時，圖片的不透明度變為1。這個樣式看起來就像圖片被點亮了一樣。

img:hover {
opacity: 1;
}

此外，在一些情況下，我們可能希望圖片被半透明覆蓋或者放置在半透明的背景上。為了實現這個效果，我們可以使用rgba顏色值。在這種顏色值的設置中，前三個值是RGB的顏色值，第四個值表示opacity屬性。通過調整最后一個值，我們可以輕松地改變半透明的程度。

div {
background-color: rgba(255, 255, 255, 0.5);
}

總之，半透明的圖片可以使網頁更加溫柔、優雅，為網頁增加一些柔和的氛圍。通過設置opacity屬性、偽類:hover和rgba顏色值，我們可以輕松地實現這個效果。