最近，一種特別可愛又時髦的CSS圖標悄然流行：櫻花符號。在網頁設計中加入一些櫻花符號可以讓頁面更加生動，也更符合春天的氣息。本文將介紹如何使用CSS創建櫻花符號。

.blossom {
position: relative;
width: 16px;
height: 16px;
transform: rotate(-45deg);
}
.blossom:before {
content: "";
position: absolute;
top: 0;
left: 0;
border: 7px solid #fff;
border-radius: 50%;
box-sizing: border-box;
}
.blossom:after {
content: "";
position: absolute;
top: -7px;
left: -7px;
width: 30px;
height: 30px;
border: 7px solid #fff;
border-radius: 50%;
box-sizing: border-box;
}

上述代碼創建了一個名為“blossom”的CSS類，可以將它添加到任何HTML元素中。這里使用了偽元素:before和:after來添加兩個圓形邊框，再通過縮小其中一個邊框來形成櫻花圖案。

使用這個櫻花符號非常簡單，只需要在HTML元素中添加class屬性即可：

如果想要創建更多花瓣的櫻花，只需要復制.blossom:before和.blossom:after，并細調一些屬性值就可以了。比如，可以使用不同的顏色來創建不同的櫻花。CSS櫻花符號的靈活性與可定制性都非常高，開始動手吧！