CSS氣泡圖片是一種經常在網站中使用的元素，它可以引起用戶的注意，增強網站的交互性和美觀性。下面介紹一種使用純CSS實現氣泡圖片的方法。

.bubble {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
background-color: #8bc34a;
border-radius: 50%;
}
.bubble::after {
content: "";
position: absolute;
top: 50%;
left: -10px;
margin-top: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #8bc34a;
}

以上代碼中，.bubble類定義了氣泡圖片的樣式，它是一個50x50像素的圓形，并且設置了背景色為#8bc34a，用border-radius屬性實現了圓角效果。.bubble::after偽類用來實現氣泡的三角形部分，它是一個下三角形，位置在氣泡的左側，通過border屬性設置了三角形的樣式和顏色。

使用這個氣泡圖片非常簡單，只需要在HTML中添加一個class為bubble的元素即可：

<div class="bubble"></div>

使用CSS氣泡圖片能夠讓網站的UI更加清新、簡潔，也可以加強頁面的交互性，是一種非常實用的設計元素。