CSS 是前端開發的必備技能，它可以讓我們在網頁設計時更加方便、靈活地控制頁面樣式。如果你想知道如何在 CSS 中設置一個叉，那么本文將為你解答。

/* 設置一個交叉的 div */
div {
position: relative;
}
div::before, div::after {
content: '';
position: absolute;
width: 2px;
height: 25px;
background-color: #000;
}
div::before {
transform: rotate(45deg);
}
div::after {
transform: rotate(-45deg);
}

以上代碼中，我們首先在 CSS 中定義了一個 div 元素，并設置該元素的 position 屬性為 relative。接著，我們用偽元素 ::before 和 ::after 分別設置了一個豎線和一個斜線，并將它們的 content 屬性設置為空字符串，這樣它們就不會出現在頁面上。

接下來，我們通過設置這些偽元素的 position 屬性為 absolute，來讓它們脫離文檔流，并且相對于它們的父元素進行定位。然后，我們分別設置這些偽元素的 width、height、background-color 屬性，來讓它們看起來像是一個交叉。

最后，我們用 transform 屬性來將 ::before 偽元素旋轉 45 度，并將 ::after 偽元素旋轉 -45 度，這樣它們的交叉線就能完美顯示了。

通過上述方式，我們可以在 CSS 中快速設置一個叉，在網頁設計時更加靈活、方便地展現你想要的樣式。希望這篇文章能夠對你有所幫助。