CSS bubble是一種通過CSS樣式實現的氣泡狀元素效果。它通常用于網站中的提示框、消息框、導航欄等元素。

.bubble {
position: relative;
width: 200px;
height: 100px;
background-color: #ffffff;
border: 2px solid #4b4b4b;
border-radius: 12px;
margin: 20px auto;
padding: 20px;
text-align: center;
}
.bubble:before {
content: "";
position: absolute;
border-style: solid;
border-color: #4b4b4b transparent transparent transparent;
border-width: 10px;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}

上述代碼是一個實現氣泡效果的示例，其中定義了一個名為“.bubble”的class，它包裹著氣泡的背景樣式、邊框、大小、位置等基本屬性。而“:before”則是定義了氣泡底部的三角形形狀，利用了CSS的“border-style”屬性實現。

利用CSS bubble，我們可以輕松地增加網站的視覺效果，吸引用戶的注意力。