CSS如何使用兩個圖標 在Web設計中，使用圖標來傳遞信息是非常普遍的。在CSS中，我們可以通過使用偽類來應用圖標。然而，有些情況下，我們可能需要使用兩個圖標來傳遞更詳細的信息。 假設我們有一個按鈕，需要顯示兩個圖標：一個用于指示向上的方向，另一個用于指示向下的方向。我們可以通過以下代碼實現：

.button {
background-color: #3f51b5;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
position: relative;
}
.button:before {
content: url('up-arrow.png');
position: absolute;
left: 10px;
top: 15px;
}
.button:after {
content: url('down-arrow.png');
position: absolute;
right: 10px;
top: 15px;
}

以上代碼創建了一個類名為“button”的樣式，用于創建一個按鈕。在按鈕樣式中，我們使用偽類:before和:after來添加兩個圖標。 在:before偽類中，我們使用了content屬性來指定圖標的URL。我們還使用了定位屬性position:absolute，使圖標位置相對于按鈕。在這種情況下，我們將圖標左對齊，與按鈕中心垂直對齊。 在:after偽類中，我們使用相同的方法來添加第二個圖標。這次，我們將它向右對齊，并與按鈕中心垂直對齊。 這樣，我們就可以使用兩個圖標來傳遞更詳細的信息。您可以使用相同的方法來添加其他符號或其他任何您需要的圖像。