css中怎么设置svg图

在CSS中，使用SVG图形是一种非常流行的技术，可以帮助我们将更多动态和精美的图形引入到网页中。为了正确设置SVG图形，我们需要了解一些基础知识。
首先，我们需要用``标签在HTML中添加SVG图形，然后可以使用CSS样式对其进行调整。但是，这种方式有一些限制，比如我们不能在SVG图形中设置CSS动画，这就需要我们使用``标签。
要使用``标签，我们需要考虑以下几个方面。首先， SVG图形必须以``标签开始，并包含视图框的`width`和`height`属性，以及版本和XML命名空间。比如：

 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
      viewBox="0 0 100 100" width="100" height="100">
    // SVG图形内容
    </svg> 

在上面的代码中，`viewBox`属性定义了SVG的可见区域，`width`和`height`属性定义了SVG图形的实际尺寸。我们可以将这些属性设置为适当的值，并在``中添加我们想要呈现的图形。
接下来，我们需要考虑如何使用CSS样式设置SVG图形。这可以通过CSS的`stroke`， `fill`，`opacity`，`stroke-width`等属性来实现。例如：

 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
      viewBox="0 0 100 100" width="100" height="100"
      style="stroke: black; fill: white; opacity: 0.5;
      stroke-width: 3px">
    // SVG图形内容
    </svg> 

在上面的代码中，我们使用了`stroke`， `fill`，`opacity`和`stroke-width`属性来设置SVG图形的边框，填充颜色，透明度和边框宽度。
总之，在使用CSS设置SVG图形时，我们需要记住一些基础知识，例如在``中定义`viewBox`，`width`和`height`属性，在CSS中使用`stroke`， `fill`，`opacity`，`stroke-width`等属性调整SVG图形外观。希望这些基础知识能帮助您更好地使用SVG图形。