在 CSS 中繪制心形其實很簡單，首先需要做的是先用一個 div 元素來表示心形，并且給它設置寬和高。接著使用 border-radius 設置 border 的圓角，使其呈現出一個圓形，然后按照一定比例對它進行壓縮（變形）即可得到形似心形的圖形。代碼如下：

<div class="heart"></div>
<style>
.heart {
width: 50px;
height: 50px;
position: relative;
background: #ed1c24;
border-radius: 25px 25px 0 0;
transform: rotate(45deg);
margin: 20px;
}
.heart:after,.heart:before {
content: "";
width: 50px;
height: 50px;
background: #ed1c24;
border-radius: 25px 25px 0 0;
position: absolute;
}
.heart:before {
left: -25px;
top: 0;
}
.heart:after {
top: -25px;
left: 0;
}
</style>

代碼中，我們首先給了 div 元素一個 class 名稱為 heart，并設置了寬高為50px。接下來設置了 heart 的背景顏色、圓角以及位置；使用了 transform: rotate(45deg); 使其旋轉45度，從而達到心形的效果，接著使用偽元素 after 和 before 來補充四個角的部分，讓heart更加完美。其中，before 元素left 值為 -25px，因為它是在 heart 的左上角，而 heart 的寬度為50px，所以它的初始位置應該在 heart 外面才能符合要求。after 元素的值同理，top 值為 -25px，left 值為 0。

以上便是用 CSS 實現繪制心形的方法，通過簡單的設置即可得到一個美麗的心形圖案，如果您有更好的實現方式，也歡迎在評論區留言和我們分享。