CSS中引用SVG格式的圖片有多種方法，以下是一些常見的方法：

1、使用img元素：

可以使用HTML的img元素來引用SVG文件。

```html

<img src="path/to/your/image.svg" alt="description">

```

這種方法簡單直接，適用于大多數(shù)情況。

2、使用object元素：

HTML的object元素可以用來嵌入各種類型的內(nèi)容，包括SVG。

```html

<object type="image/svg+xml" data="path/to/your/image.svg" width="width" height="height">

</object>

```

這種方法可以指定圖片的尺寸，并且支持一些交互功能。

3、使用CSS背景圖像：

可以將SVG文件作為CSS的背景圖像。

```css

.element {

background-image: url('path/to/your/image.svg');

}

```

這種方法適用于需要控制圖片位置、尺寸和重復的情況。

4、使用SVG圖標：

如果圖片是圖標類型，可以使用CSS的偽元素來引用SVG文件。

```css

.element::before {

content: url('path/to/your/image.svg');

}

```

這種方法適用于圖標顯示，可以方便地控制圖標的位置和大小。

5、使用JavaScript：

可以使用JavaScript來動態(tài)加載SVG文件。

```javascript

const img = document.createElement('img');

img.src = 'path/to/your/image.svg';

document.body.appendChild(img);

```

這種方法適用于需要響應用戶操作或特定條件加載圖片的情況。