CSS是網頁設計中必不可少的一部分，它可以用于控制元素的樣式、排版、動畫等。在網頁設計中，經常會用到SVG圖像，那么怎么樣利用CSS來控制SVG圖像的顏色呢？
首先，我們需要在HTML文件中插入SVG圖像?？梢允褂?img>標簽或
<img src="example.svg" alt="example"> 或 <object data="example.svg" type="image/svg+xml"></object>
接下來，我們就可以使用CSS來控制SVG的顏色。一般情況下，我們會將SVG圖像作為背景圖像，并通過CSS的background屬性進行控制。示例代碼如下：
.example {
width: 100px;
height: 100px;
background: url(example.svg) no-repeat center center/contain;
background-color: #f00; /* 設置背景顏色 */
}在上面的代碼中，我們設置了一個class名為example的元素，將example.svg設置為它的背景圖像，并將背景顏色設置為紅色。
如果我們想只控制SVG圖像的顏色而不改變背景顏色，我們可以使用CSS的filter屬性。示例代碼如下：
.example {
width: 100px;
height: 100px;
background-image: url(example.svg);
filter: hue-rotate(180deg); /* 設置svg的顏色 */
}在上面的代碼中，我們同樣設置了一個class名為example的元素，將example.svg設置為它的背景圖像，并通過filter屬性將SVG圖像的顏色旋轉了180度。
總之，通過CSS的background屬性或filter屬性，我們可以輕松地控制SVG圖像的顏色。這樣就能夠更好地滿足網頁設計的需求。