SVG是基于XML的矢量圖形語言，可以使用CSS來控制圖像的樣式。在SVG中，顏色可以使用CSS中的屬性進行控制，比如fill和stroke。下面我們來看一下如何使用CSS來改變SVG的顏色。

/* 修改填充顏色 */
svg .fill {
fill: red;
}
/* 修改邊框顏色 */
svg .stroke {
stroke: blue;
}
/* 修改填充和邊框顏色 */
svg .shape {
fill: green;
stroke: yellow;
}

以上代碼展示了如何使用CSS選擇器來定位SVG中的不同元素，并通過fill和stroke屬性來修改相應元素的顏色。需要注意的是，CSS中的顏色值可以使用十六進制、RGB等格式，這樣可以讓我們更靈活的控制圖形顏色。

除了直接在CSS中設置顏色屬性，我們還可以利用CSS的變量來管理SVG的顏色，這樣可以更好的實現顏色的統一管理和變更。示例如下：

:root {
--svg-fill: red;
--svg-stroke: blue;
}
svg .fill {
fill: var(--svg-fill);
}
svg .stroke {
stroke: var(--svg-stroke);
}
svg .shape {
fill: var(--svg-fill);
stroke: var(--svg-stroke);
}

我們在根元素:root中定義了兩個CSS變量，分別用來管理SVG中的填充和邊框顏色。然后在SVG選擇器中通過var()函數調用這兩個變量來應用顏色。這樣如果需要修改SVG的顏色，只需要在根元素中修改對應變量指定的顏色值即可。

總之，CSS可以使我們在不改變SVG文本結構的前提下輕松修改SVG的顏色，為我們的圖形設計提供了更多的自由和創意空間。