CSS圖標是一個優雅，簡單的方式來創建干凈，現代化的網站。這些圖標不僅僅是一種美麗的裝飾，它還可以加強網頁的交互性，改善用戶體驗。在這篇文章中，我們將討論如何使用小的CSS圖標來提高你的網站的視覺吸引力。 要使用CSS圖標，你需要首先了解如何制作這些小的圖標。這些圖標通常是由一些簡單的代碼組合在一起的，這就是為什么你需要熟悉 CSS 屬性的知識。下面是一個例子：

.person {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
margin-right: 10px;
background-color: #999;
border-radius: 50%;
}
.person:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
width: 40px;
height: 40px;
background-color: #333;
border-radius: 50%;
}

上述代碼將制作一個圓形的頭像圖標。我們可以通過在 HTML 中添加一個類名來使用這個圖標：

<span class="person"></span> Mary Smith

現在，當用戶瀏覽到這個網站時，他們將看到一個小的圓形圖像，它代表了網站上某個人的頭像。這個圖標只需要很小的一塊空間，但它可以極大地改善網站的外觀和體驗。 除了頭像圖標，你可以通過 CSS 制作各種小型的圖標，比如箭頭、勾號和叉號等。這些圖標可以用來表達不同的意思，比如表示“提交”按鈕，或用作導航欄上的圖標。 總的來說，CSS 圖標是一種非常有用的工具，它可以幫助你為你的網站增加一些額外的視覺效果。希望這篇文章能夠幫助你更好地理解如何使用 CSS 圖標。如果你想進一步了解如何使用 CSS 來制作這些圖標，可以查看更多的教程和資源。