CSS3是一種可以美化網(wǎng)站的強(qiáng)大工具，我們可以利用它來寫一個(gè)叉的效果。

// HTML代碼
<div class="cross"></div>// CSS代碼
.cross {
width: 50px;
height: 50px;
background-color: #fff;
position: relative;
}
.cross:before,
.cross:after {
content: "";
position: absolute;
height: 2px;
width: 50%;
top: 50%;
background-color: #000;
}
.cross:before {
transform: rotate(45deg);
}
.cross:after {
transform: rotate(-45deg);
}

通過給元素添加:before和:after偽類，我們可以在元素上創(chuàng)建兩個(gè)div來實(shí)現(xiàn)一個(gè)叉的樣式。設(shè)置寬度和高度作為基礎(chǔ)的形狀，然后使用絕對(duì)定位將偽類放在正確的位置。使用transform屬性來旋轉(zhuǎn)每個(gè)塊，從而創(chuàng)建交叉的形狀。最后，通過指定不同的旋轉(zhuǎn)方向來實(shí)現(xiàn)兩個(gè)斜線。