CSS寫x號可以通過偽元素來實現，常用的偽元素是::before和::after。下面是一個實現紅色x號的例子：

.x-mark {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
}
.x-mark::before,
.x-mark::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid red;
transform: rotate(45deg);
}
.x-mark::before {
transform-origin: center;
}
.x-mark::after {
transform-origin: center;
transform: rotate(-45deg);
}

首先，我們創建一個寬高為20px的方塊，并使用position: relative將其設置為相對定位。然后，使用::before和::after偽元素來創建兩個45度旋轉的方塊，形成x號的圖案。我們使用content: ''來確保偽元素生成的是一個空內容。接下來，使用position: absolute將它們定位在父元素的左上角。

在::before偽元素上使用transform-origin: center，這樣它將以中心點為旋轉中心。然后，在::after偽元素上使用transform-origin: center，并將旋轉角度設置為-45度，這樣它將在中心點旋轉45度。

這樣，我們就成功地創建了一個簡單的紅色x號。