CSS中的圖標是一種很常見的UI設計元素，在網頁設計中應用廣泛。通過使用圖標，可以使頁面信息更加直觀和易于理解，提升用戶體驗。 圖標可以通過各種方式進行實現，比如使用字體圖標、SVG圖標、PNG圖標等。其中，使用字體圖標是較為常見的方式。通過定義字體集，將各種圖標作為字體實現，然后通過CSS將其應用到需要的元素上。 以下是使用字體圖標的示例代碼：

@font-face {
font-family: 'icons';
src: url('icons.eot');
src: url('icons.eot?#iefix') format('embedded-opentype'),
url('icons.woff2') format('woff2'),
url('icons.woff') format('woff'),
url('icons.ttf') format('truetype'),
url('icons.svg#icons') format('svg');
}
.icon {
font-family: 'icons';
font-size: 24px;
color: #333;
}
.icon-home:before {
content: '\e900';
}
.icon-search:before {
content: '\e901';
}
.icon-user:before {
content: '\e902';
}

在上述代碼中，@font-face規則定義了字體集的來源，其中包含了各種格式的字體文件。隨后，定義了一系列.icon 類選擇器的樣式，其中包括字體大小、顏色等。通過:before偽元素，定義每個圖標的具體內容，如\e900對應一個代表“家庭”的圖標。 以上就是CSS中圖標使用的相關信息，通過掌握這些知識，我們可以更好地為網頁設計添加圖標元素，提升頁面的視覺效果和用戶體驗。