CSS是一種強大的前端語言，它可以使用各種方法來美化網站。其中一種方法就是使用圖標。圖標可以使網站更具吸引力和易用性。

在CSS中，圖標通常使用字體和偽元素來實現。以下是一些使用CSS顯示圖標的方法。

/* 通過icon font（圖標字體）顯示圖標 */
@font-face {
font-family: 'iconfont';  /* 自定義字體名稱 */
src: url('iconfont.eot'); /* IE9以下 */
src: url('iconfont.eot?#iefix') format('embedded-opentype'),  /* IE9以上兼容 */
url('iconfont.woff') format('woff'), /* 主流瀏覽器 */
url('iconfont.ttf') format('truetype'), /* 所有瀏覽器 */
}
.icon {
font-family: "iconfont";  /* 字體圖標 */
font-size: 20px;  /* 字號 */
color: #fff;  /* 顏色 */
}
/* 通過偽元素顯示圖標 */
.icon:before {
content: "\f002";  /* 使用Unicode字符 */
}
/* 通過圖片顯示圖標 */
.icon {
background: url("icon.png") no-repeat center center; /* 圖標圖片 */
width: 30px; /* 寬度 */
height: 30px; /* 高度 */
}

總的來說，使用CSS顯示圖標是一種簡單而有效的方式，它可以幫助您提高網站的用戶體驗。