在網頁設計中，矢量圖成為了一種重要的圖像類型，這種圖像比起傳統位圖類型，具有更高的清晰度和可擴展性。那么，在 CSS 中，如何制作矢量圖呢？以下是一些需要注意的要點。

首先，選擇正確的標記語言。我們可以使用 SVG（可縮放矢量圖形）或者 CSS 本身來創建矢量圖。如果我們想要更為復雜的繪制，或者需要在較低版本瀏覽器中使用，則建議使用 SVG 標記語言。

<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

其次，我們需要熟悉 CSS 編寫。CSS 樣式可以影響矢量圖的大小、顏色、邊框以及其他樣式特征。我們可以通過更改元素的 CSS 樣式來控制矢量圖。

.icon {
width: 50px;
height: 50px;
background-color: #f00;
border-radius: 50%;
}

最后，我們需要使用工具根據設計或需求創建矢量圖。這些工具包括 Illustrator、Inkscape、Sketch 等。然后，我們可以導出為 SVG 或 CSS 代碼，將其嵌入到我們的網頁中。

總之，在 CSS 中制作矢量圖需要我們選擇正確的標記語言、熟悉 CSS 編寫以及使用工具進行創作。當然，這些只是基本要點，更詳細的內容需要我們繼續學習和實踐。