CSS制作一個叉的樣式
在CSS中,我們可以使用一個簡單的樣式來制作一個叉,下面是一個示例代碼:
.fork { position: relative; width: 20px; height: 20px; } .fork::before, .fork::after { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background-color: #000; } .fork::before { transform: rotate(45deg); } .fork::after { transform: rotate(-45deg); }
這個樣式會生成一個位于元素中心的叉,你可以根據(jù)需要調(diào)整寬度、高度和顏色等屬性,這個樣式使用了偽元素::before
和::after
來創(chuàng)建兩個對角線,并通過transform
屬性進(jìn)行旋轉(zhuǎn),從而形成一個叉的形狀。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。