CSS3 的叉號可以用于各種設(shè)計中，比如用它來表示關(guān)閉按鈕、刪除圖標(biāo)、錯誤提示等等。下面是兩種實現(xiàn)方式的代碼。

/* 方式一：使用偽元素before和after */
.close:before, .close:after {
content: "";
position: absolute;
width: 2px;
height: 20px;
background-color: #333;
}
.close:before {
transform: rotate(45deg);
}
.close:after {
transform: rotate(-45deg);
}
/* 方式二：使用偽元素before和box-shadow */
.close {
position: relative;
width: 20px;
height: 20px;
}
.close:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
top: 50%;
left: 0;
transform: translateY(-50%);
box-shadow: 0 0 0 2px #333;
}
.close:after {
content: "";
position: absolute;
width: 100%;
height: 2px;
top: 50%;
left: 0;
transform: translateY(-50%) rotate(90deg);
box-shadow: 0 0 0 2px #333;
}

以上代碼都用了偽元素 :before 和 :after，這兩種方式的效果略有不同。第一種方式是先旋轉(zhuǎn)體，然后用它本來的上下兩條邊作為線條，達到了叉號的樣式；第二種方式則是用 box-shadow 完成畫線工作，比較靈活，可以按需調(diào)整線寬和顏色。

使用這兩種方式實現(xiàn)的叉號都可以作為基本的 CSS3 表示和樣式的參考。