如何用CSS繪制愛(ài)心？

在CSS中繪制愛(ài)心可以通過(guò)一些簡(jiǎn)單的樣式和技巧來(lái)實(shí)現(xiàn)，下面是一些示例代碼，可以幫助你開(kāi)始：

<div class="heart"></div>

我們可以使用CSS來(lái)定義這個(gè)愛(ài)心的樣式，以下是一個(gè)簡(jiǎn)單的示例：

.heart {
  position: relative;
  width: 100px;
  height: 90px;
}
.heart::before, .heart::after {
  content: "";
  position: absolute;
  top: 40px;
  width: 52px;
  height: 80px;
  border-radius: 50px 50px 0 0;
  background: red;
}
.heart::before {
  left: 50px;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}
.heart::after {
  left: 0;
  transform: rotate(45deg);
  transform-origin: 100% 100%;
}

在這個(gè)示例中，我們使用了偽元素（::before和::after）來(lái)創(chuàng)建愛(ài)心的形狀，通過(guò)調(diào)整position、width、height和border-radius等屬性，我們可以輕松地繪制出愛(ài)心，我們還使用了transform屬性來(lái)旋轉(zhuǎn)偽元素，以實(shí)現(xiàn)愛(ài)心的對(duì)稱效果。

這只是一個(gè)簡(jiǎn)單的示例，你可以根據(jù)自己的需求進(jìn)行調(diào)整和擴(kuò)展，希望這個(gè)示例能夠幫助你開(kāi)始使用CSS繪制愛(ài)心！