CSS如何更改小圖標顏色 使用小圖標可以在網頁設計中增加一些裝飾性元素。但是，有時候為了更好的視覺效果需要改變小圖標的顏色。使用 CSS 可以很方便地實現這一點。下面是一個針對 Font Awesome 字體圖標的例子。 第一步：引入 Font Awesome 字體 在 HTML 文件的標簽中引入 Font Awesome 字體：

<link rel="stylesheet" />

第二步：添加小圖標標簽 在需要使用小圖標的地方，添加 Font Awesome 字體的 HTML 標簽。例如，添加一個“搜索”圖標：

<i class="fas fa-search"></i>

第三步：更改顏色 在 CSS 文件中使用 color 屬性，更改小圖標的顏色：

p {
color: red;
}
.fa-search {
color: blue;
}

這個例子中，<p>標簽的文本顏色被更改為紅色，而“搜索”圖標的顏色被更改為藍色。 需要注意的是，使用 font-size 屬性可以調整小圖標的大小，使用 line-height 屬性可以將小圖標垂直居中。例如：

.fa-search {
color: blue;
font-size: 24px;
line-height: 24px;
}

這個例子中，“搜索”圖標的大小被調整為 24 像素，垂直居中。 總結 使用 CSS 更改小圖標的顏色可以為網頁設計添加一些視覺效果。使用 Font Awesome 字體可以實現這種效果，只需要在 HTML 文檔中引入字體文件，然后在 CSS 文件中使用 color 屬性調整顏色。當然，除了顏色之外，也可以使用 font-size 和 line-height 屬性調整小圖標的大小和位置。