在網(wǎng)頁設(shè)計中，背景氣泡常常用于提升頁面的美觀性和趣味性。使用 CSS 制作彩色背景氣泡是一種常見的方法，下面是一個簡單的示例：

.bubble {
width: 50px;
height: 50px;
background-color: #FCC;
border-radius: 50%;
position: relative;
}
.bubble:before {
content: "";
position: absolute;
width: 50px;
height: 50px;
top: -5px;
left: -5px;
background-color: #CF3;
border-radius: 50%;
transform: scale(1.2);
opacity: 0.7;
}
.bubble:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
top: 10px;
left: 10px;
background-color: #FFF;
border-radius: 50%;
}

實現(xiàn)方法如下：

1. 首先，創(chuàng)建一個寬高相等的圓形塊，作為氣泡的主體。
2. 使用偽元素:before, 在主體圓形塊的外邊緣創(chuàng)建另一個寬高相等的圓形塊，使用縮放 transform:scale() 和透明度 opacity，讓它比主體塊稍微大一點點，顏色也比主體塊淺一些，作為氣泡的光暈。
3. 使用偽元素:after，在主體塊的內(nèi)部創(chuàng)建一個小圓點，顏色用白色填充，作為氣泡的亮點。

這樣制作出來的氣泡顏色飽滿，效果良好。你可以自己嘗試調(diào)整背景和顏色的值，以適應(yīng)不同的場景。