在CSS中,我們可以使用簡單的樣式來創(chuàng)建一個十字架,以下是一個示例:
.cross { position: relative; width: 100px; height: 100px; } .cross:before, .cross:after { content: ""; position: absolute; top: 50%; left: 50%; width: 50%; height: 50%; border-style: solid; border-width: 2px; } .cross:before { transform: rotate(45deg); } .cross:after { transform: rotate(-45deg); }
這個CSS代碼會生成一個十字架。.cross
類定義了一個相對定位的元素,寬度和高度都為100px。::before
和::after
偽元素分別生成了十字架的兩個部分,通過transform
屬性進行旋轉(zhuǎn),以形成完整的十字架形狀。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。