想要在網(wǎng)頁中添加紅色的叉 x 圖標(biāo)？沒問題，使用 CSS 就可以輕松實(shí)現(xiàn)！

/* 設(shè)置圖標(biāo)寬高和顏色 */
.icon-x {
width: 20px;
height: 20px;
background-color: red;
}
/* 繪制叉 x */
.icon-x:before,
.icon-x:after {
content: "";
position: absolute;
width: 3px;
height: 20px;
background-color: white;
}
.icon-x:before {
transform: rotate(45deg);
}
.icon-x:after {
transform: rotate(-45deg);
}
/* 在 HTML 中使用圖標(biāo) */

上述代碼中，我們創(chuàng)建了一個(gè)名為icon-x的類，定義了它的寬度、高度和背景顏色。然后，我們使用:before和:after偽元素來繪制叉 x。我們把叉 x 拆分為兩個(gè)斜線，通過旋轉(zhuǎn)斜線實(shí)現(xiàn)叉 x 的效果。

最后，我們?cè)?HTML 中添加了一個(gè)具有icon-x類的div元素，從而在網(wǎng)頁中顯示紅色的叉 x 圖標(biāo)。