購物車圓圈css是一種在網頁中使用的視覺元素，用于表示購物車中商品數量的標識。下面將介紹如何使用css來實現購物車圓圈效果。

首先，我們需要使用html來創建購物車元素：

<div class="cart">
<i class="fa fa-shopping-cart"></i>
<span class="cartnum">3</span>
</div>

其中，<i>標簽用于顯示購物車圖標，<span>標簽用來顯示購物車中的商品數量。接下來我們使用css來樣式化購物車元素：

.cart {
position: relative;
display: inline-block;
padding: 0.5em;
font-size: 1.2em;
}
.cart i {
color: #fff;
background-color: #f10;
border-radius: 50%;
padding: 0.5em;
}
.cartnum {
position: absolute;
top: -0.5em;
right: -0.5em;
display: inline-block;
padding: 0.2em;
border-radius: 50%;
background-color: #f10;
color: #fff;
font-size: 0.8em;
}

以上css代碼中，.cart類用于定位購物車元素，.cart i類用于樣式化購物車圖標，.cartnum類用于樣式化購物車數量標識。

最終效果如下：

購物車圓圈css使用簡單，樣式清新，可用于電商網站等多種場景，提高網站用戶體驗。