在CSS中如何使用SVG的`fill`属性？

SVG的`fill`属性用于设置元素的填充颜色。在CSS中，你可以使用这个属性来修改SVG图形的填充颜色，而不需要直接在SVG标签内部进行设置。

例如，如果你有一个SVG图形元素，你可以通过以下CSS代码来改变它的填充颜色：

svg path {
    fill: red; /* 将路径元素的填充颜色设置为红色 */
}

如果SVG图形中的特定部分需要不同的填充颜色，你可以为那个部分添加一个特定的类名，并在CSS中为这个类名设置`fill`属性：

svg .green-part {
    fill: green; /* 将类名为green-part的SVG元素填充颜色设置为绿色 */
}

确保在SVG元素内使用了类名`green-part`：

<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
    <!-- 其他SVG代码 -->
    <path class="green-part" d="M10 10 h 10 v 10 h -10 Z" />
    <!-- 其他SVG代码 -->
</svg>

`fill`属性不仅限于纯色填充，还可以使用其他CSS属性值，比如渐变、图案或者`none`（表示不填充）：

svg path {
    fill: url(#linearGradient); /* 使用SVG中的线性渐变 */
    fill: none; /* 不填充任何颜色 */
}