#調用CSS里的icon

CSS是用于網頁布局和樣式設計的一門語言，其中包含了許多用于定義字體、顏色、邊框、背景等樣式的變量和屬性。其中，icon變量和屬性可以用來定義圖標和符號，這些圖標和符號可以在網頁中用作按鈕、表單控件、菜單等的圖標。

在CSS中，使用icon變量和屬性可以通過以下方式調用：

1. 使用絕對路徑

使用絕對路徑來調用CSS中的icon變量和屬性，例如：

```css

icon-button {

background-size: cover;

background-repeat: no-repeat;

display: inline-block;

font-size: 32px;

font-weight: bold;

text-align: center;

width: 32px;

height: 32px;

2. 使用偽元素

使用偽元素來調用CSS中的icon變量和屬性，例如：

```css

<button type="button" class="icon-button">

<i class="icon"></i>

</button>

在這個例子中，`<button>`元素和`<i>`元素都使用了`class`屬性來定義它們的樣式，`type="button"`屬性定義了`<button>`元素為按鈕類型，`class="icon-button"`屬性定義了`<i>`元素為圖標類。

通過使用這些方法，我們可以在CSS中定義圖標和符號的樣式，使網頁的布局更加美觀和易于使用。