在CSS中，我們可以使用多種方法來添加圖標，以下是一些常見的方法：
1、使用字體圖標：
字體圖標是一種流行的圖標解決方案，它們使用特殊的字體來顯示圖標，在CSS中，我們可以使用@font-face規(guī)則來引入字體圖標，并使用相應的類名來顯示圖標。
```css
@font-face {
font-family: 'FontAwesome';
src: url('font-awesome.woff2') format('woff2');
}
.fa-icon {
font-family: 'FontAwesome';
}
```
在HTML中，我們可以使用<i>元素和類名來顯示圖標：
```html
<i class="fa-icon">??</i>
```
2、使用背景圖片：
另一種添加圖標的方法是使用背景圖片，我們可以在CSS中為元素設置背景圖片，并使用偽元素或背景位置來調整圖標的位置。
```css
.icon {
background-image: url('icon.png');
background-repeat: no-repeat;
background-position: center;
}
```
在HTML中，我們可以使用相應的類名來顯示圖標：
```html
<div class="icon"></div>
```
3、使用SVG圖標：
SVG是一種矢量圖形格式，可以用于創(chuàng)建可縮放的圖標，在CSS中，我們可以使用@import規(guī)則引入SVG文件，并使用相應的類名來顯示圖標。
```css
@import url('icon.svg');
.svg-icon {
display: inline-block;
width: 1em;
height: 1em;
}
```
在HTML中，我們可以使用<use>元素和類名來顯示圖標：
```html
<use xlink:href="#svg-icon"></use>
```
是三種常見的添加圖標的方法，你可以根據(jù)自己的需求選擇適合的方法。
