CSS是網頁設計領域中不可或缺的技能之一，它可以用來控制網頁的布局和樣式。今天我們要談談如何使用CSS制作帶有起泡效果的圖片。

首先，我們需要準備一個簡單的HTML代碼來描繪一個圓形的圖片。

<div class="bubble">
<img src="image.jpg">
</div>

接下來是CSS的部分，我們需要利用border-radius屬性使圖片變成圓形：

.bubble {
width: 150px;
height: 150px;
border-radius: 50%;
}

這樣，我們就得到一個圓形的圖片了。但是，我們想要的是一個帶有起伏效果的圖片。

我們可以運用CSS的box-shadow屬性制作起泡效果。代碼如下：

.bubble {
width: 150px;
height: 150px;
border-radius: 50%;
box-shadow: 
0 0 0 20px rgba(255, 255, 255, 0.2),
0 5px 15px rgba(0, 0, 0, 0.5);   
}

讓我們來解釋一下這段代碼。box-shadow屬性允許我們添加一個或多個陰影效果到元素上。在這里，我們添加了兩個陰影效果。第一個陰影效果設定了一個白色背景，半徑為20px。第二個陰影效果則是模擬氣泡的立體效果，顏色為黑色，半徑為5px，模糊程度為15px。

我們可以自由調整這些參數，以適應我們所需的效果。現在，我們得到了一個帶有立體起伏效果的圖片。

總的來說，使用CSS制作帶有起泡效果的圖片并不難。只需要了解CSS的box-shadow屬性的使用即可。同時，我們也可以使用其他CSS屬性來制作出更加復雜的效果，讓我們的網頁更具吸引力。