CSS中的SVG（Scalable Vector Graphics）是一種基于XML的向量圖形格式，可以通過層疊樣式表（CSS）來創建和控制圖形。與基于位圖的格式（如JPEG或PNG）不同，SVG可以縮放而不失去清晰度，因為它是基于數學公式而不是像素的。

使用CSS可以很容易地在HTML網頁中插入和控制SVG圖形。以下是一個簡單的例子，使用CSS來創建一個圓形：

.circle {
fill: blue; /*填充顏色為藍色*/
stroke: black; /*描邊顏色為黑色*/
stroke-width: 2px; /*描邊寬度為2像素*/
}

接下來，在HTML中插入SVG元素，并將上述創建的圓形作為子元素插入其中：

<svg viewBox="0 0 100 100">
<circle class="circle" cx="50" cy="50" r="40" />
</svg>

其中，viewBox屬性定義了SVG的坐標系，cx和cy屬性定義了圓心的位置，r屬性定義了半徑。該圓形將填充藍色，描邊為黑色，并且描邊寬度為2像素。

除了基本的形狀，CSS還可以用于創建更復雜和詳細的圖形，例如路徑和多邊形。下面是一個使用CSS繪制一個蝴蝶的例子：

.butterfly {
fill: purple;
stroke: black;
stroke-width: 2px;
}

<svg viewBox="0 0 200 200">
<path class="butterfly" d="M50,100 L90,70 A30,60 0 0,1 100,20 A30,60 0 0,1 110,70 L150,100 A50,60 0 0,0 100,140 A50,60 0 0,0 50,100 Z" />
</svg>

在上面的代碼中，d屬性定義了路徑，用于描述蝴蝶的形狀。通過對d屬性進行調整，可以創建任何所需的形狀。

CSS的SVG提供了一種簡單而強大的方式來創建和控制向量圖形，使得網頁設計者可以更容易地創建各種各樣的圖形效果。