在CSS中，經常需要使用打叉來表示一些特殊的狀態或出現問題的情況。下面我們來介紹幾種CSS打叉的方式。

/* 用偽元素::before和content屬性來生成一個打叉 */
.cross:before {
content: '×';
}
/* 用偽元素::before和border屬性來生成一個打叉 */
.cross:before {
content: '';
display: block;
width: 100%;
height: 100%;
border: 2px solid red;
transform: rotate(45deg);
}
/* 使用Unicode編碼生成一個打叉 */
.cross {
font-size: 20px;
color: red;
}
.cross:after {
content: '\00D7';
}
/* 使用圖片作為打叉 */
.cross {
background-image: url('cross.png');
background-size: cover;
width: 20px;
height: 20px;
}

通過以上的四種方式，我們可以輕松實現打叉的效果。在實際開發中，我們可以根據具體情況來選擇使用哪種方式，以達到最佳效果。