詳情圖標在網站設計中扮演著重要的角色，可以用來展示更多的信息和內容。在CSS中，我們可以使用偽元素來顯示詳情圖標，具體代碼如下：

.element:before {
content: "\002B";
color: #000;
font-size: 24px;
}
.element.is-opened:before {
content: "\2212";
}

上述代碼中，我們使用:before來創建一個偽元素，然后使用content屬性來插入圖標相關的Unicode字符，最后使用CSS來設置字體大小和顏色等樣式。

其中，"\002B"代表加號（+）的Unicode字符，"\2212"代表減號（-）的Unicode字符。我們還可以根據實際需求，使用其他字符或圖片來代替圖標。

此外，我們還可以通過添加is-opened類名來改變詳情圖標的顯示狀態，例如顯示為減號。

總之，詳情圖標在網站設計中具有重要作用，可以通過CSS來實現其顯示效果，提升網站信息展示能力。