SVG（可縮放矢量圖形）是一種常用的矢量圖像格式，CSS（層疊樣式表）則是一種用于樣式定義的語言，可以用于控制網頁中的所有元素。通過CSS來修改SVG的顏色十分簡單，下面我們來具體了解一下。

首先，需要在HTML文檔中嵌入SVG代碼。在SVG代碼中，使用<path>元素來定義圖片的形狀和輪廓，使用<rect>和<circle>等元素來定義矩形和圓形的形狀。一般情況下，SVG代碼會被保存在一個單獨的文件中，需要使用<object>或<image>標簽來將其嵌入到HTML文檔中。

<object type="image/svg+xml" data="image.svg"></object>

接下來，在CSS樣式表中通過fill屬性來修改SVG的顏色。如下所示：

path {
fill: #ff0000;
}

這樣就可以將SVG中所有的<path>元素的顏色修改為紅色。同理，<rect>和<circle>等元素也可以通過fill屬性來修改填充顏色。

如果需要修改SVG的邊框顏色，可以使用stroke屬性。如下所示：

path {
stroke: #000000;
stroke-width: 2px;
}

這樣就可以將SVG中所有的<path>元素的邊框顏色修改為黑色，邊框寬度為2像素。

需要注意的是，CSS樣式表中的屬性名和屬性值大小寫敏感。同時，由于SVG是一種矢量圖像格式，所以可以自由縮放而不會失真。但是，填充和邊框的大小也會隨之變化，如果需要保持填充和邊框的大小不變，可以使用vector-effect屬性來禁用縮放效果。如下所示：

path {
vector-effect: non-scaling-stroke;
}

通過以上方法，可以輕松地控制SVG的顏色和樣式，使其更加符合網頁的設計要求。