SVG是一種使用XML編寫的矢量圖形，在它的內(nèi)部定義了一些圖形元素，可以被任意矢量圖形編輯器編輯，并且可以通過(guò)瀏覽器直接展示。然而，有時(shí)候我們需要更換SVG的顏色，這是可以通過(guò)CSS來(lái)實(shí)現(xiàn)。

<svg viewBox="0 0 100 100">
<path d="M50 10 L15 75 H85 Z"/>
</svg>

上述代碼是一個(gè)簡(jiǎn)單的SVG代碼片段，其中的`path`標(biāo)簽定義了一個(gè)三角形，現(xiàn)在我們將要更換這個(gè)三角形的顏色。

<svg viewBox="0 0 100 100">
<style>
path {
fill: blue;
}
</style>
<path d="M50 10 L15 75 H85 Z"/>
</svg>

上述代碼中，我們?cè)赻style`標(biāo)簽下面添加了一個(gè)CSS樣式：`fill: blue;`，這將會(huì)讓三角形的顏色變成藍(lán)色。

通過(guò)CSS樣式，我們可以更換SVG中的所有元素的顏色，比如：

<svg viewBox="0 0 100 100">
<style>
path {
fill: blue;
}
circle {
fill: red;
}
</style>
<path d="M50 10 L15 75 H85 Z"/>
<circle cx="50" cy="50" r="30"/>
</svg>

上述代碼中，我們定義了兩個(gè)元素：`path`和`circle`。并且使用了不同的填充顏色。這種方法的好處在于，我們可以快速通過(guò)更改CSS樣式來(lái)修改整個(gè)SVG的顏色，而不需要修改SVG代碼本身。