CSS怎么畫加號(hào)？其實(shí)很簡(jiǎn)單，只需要使用CSS中的偽元素before和after就行了。先看一下代碼：

.plus{
position: relative;
width: 50px;
height: 50px;
background-color: #eee;
}
.plus:before,
.plus:after{
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background-color: #000;
transform: translateY(-50%);
}
.plus:before{
transform: rotate(90deg);
}

我們首先定義一個(gè)class為plus的div，接著我們使用偽元素before和after分別畫出兩條直線。在這里，我們使用position屬性將它們定位到了plus這個(gè)div的中心，并且使用transform屬性將它們垂直居中。我們通過對(duì)before元素進(jìn)行旋轉(zhuǎn)，將它轉(zhuǎn)換成了橫向的直線，最終呈現(xiàn)出了一個(gè)加號(hào)的形狀。

現(xiàn)在我們可以在HTML中使用這個(gè)class了：

<div class="plus"></div>

這樣我們就成功地畫出了一個(gè)加號(hào)了。當(dāng)然，你也可以通過調(diào)整CSS中的一些屬性，自己設(shè)計(jì)出更加漂亮的樣式。CSS的學(xué)習(xí)無止境，希望大家能夠繼續(xù)鉆研。