在許多網站上，我們都可以看到一個購物車的小圖標，這表示我們已經添加了一些商品到購物車中。這個小圖標的樣式是使用CSS來定義的。

.shopping-cart {
width: 50px;
height: 50px;
background-color: #F5A623;
border-radius: 50%;
position: relative;
cursor: pointer;
}
.shopping-cart:before,
.shopping-cart:after {
content: "";
position: absolute;
background-color: white;
}
.shopping-cart:before {
width: 40px;
height: 4px;
top: 50%;
margin-top: -2px;
left: 50%;
margin-left: -20px;
}
.shopping-cart:after {
width: 20px;
height: 20px;
border-radius: 50%;
top: -85%;
right: -10%;
}

首先，我們定義了一個名為.shopping-cart的類，設置它的寬度、高度、背景顏色和圓角。我們使用相對定位（position: relative）并設置了光標（cursor: pointer），這是為了方便用戶點擊購物車圖標。

接著，我們使用:before和:after偽元素來創建購物車圖標的線和圓形表示。使用position: absolute來確保它們位于購物車圖標中間。

通過前面的CSS代碼，我們可以得到一個簡單的購物車小圖標。當然，我們還可以通過其他的CSS技巧來定義更加漂亮的購物車小圖標，如動畫效果等等。

在實際的網站開發中，購物車小圖標通常是與JavaScript代碼結合使用，使其具有交互功能，如點擊彈出購物車列表，顯示已經添加的商品等等。