CSS的膠囊形狀可以實現一些很酷炫的效果，比如圓角矩形，圓角按鈕等等。這些效果可以通過CSS的border-radius屬性來實現。

border-radius: 10px;

上面的代碼將會把一個方形的元素變成一個圓角矩形。如果想要得到一個圓形的元素，可以將border-radius的值設置為50%。

border-radius: 50%;

如果想要得到一個膠囊形狀的元素，需要使用兩個不同的border-radius值，一個用于上半部分，一個用于下半部分。

border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;

上面的代碼將會把一個元素變成一個四個角都有圓角的膠囊形狀。如果想要只有上面有圓角，下面是直角，可以這樣設置：

border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;

注意，如果只設置其中一個角的border-radius，會影響到相鄰角的形狀。比如只設置左上角的border-radius，右上角的形狀也會發生變化。

使用border-radius屬性可以實現很多酷炫的效果，但也需要注意兼容性問題。有些過時的瀏覽器可能無法正確地渲染border-radius屬性，需要在編寫代碼時進行特別處理。