想要在網頁中添加紅色的叉 x 圖標？沒問題，使用 CSS 就可以輕松實現！

/* 設置圖標寬高和顏色 */
.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 中使用圖標 */

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

最后，我們在 HTML 中添加了一個具有icon-x類的div元素，從而在網頁中顯示紅色的叉 x 圖標。