CSS數學氣泡是一種通過CSS樣式設置出的氣泡形狀，可以用于在網站和應用程序中展示數學公式和方程。

.math-bubble {
position: relative;
display: inline-block;
padding: 5px;
border-radius: 10px;
background-color: #f1f1f1;
}
.math-bubble::after {
content: "";
position: absolute;
top: 50%;
left: 100%;
width: 0;
height: 0;
margin-top: -10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #f1f1f1;
}

使用時，可以將需要展示的數學公式或方程放在一個帶有.math-bubble類的標簽內，如下所示：

<p class="math-bubble">
a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>
</p>

運行效果如下：

a²+ b²= c²

使用這種方式展示數學公式和方程，既方便又美觀，可以提高網站和應用程序的使用體驗。