在網頁設計中，使用各種形狀的圖片可以增加頁面的美觀程度和吸引力。其中，愛心作為一種流行的符號，在設計中也經常被使用。本文將介紹如何使用CSS繪制一個簡單的愛心圖片。

.heart {
width: 50px;
height: 50px;
position: relative;
transform: rotate(45deg);
background-color: red;
border-radius: 20px 0 0 20px;
}
.heart::before,
.heart::after {
content: '';
position: absolute;
width: 50px;
height: 50px;
background-color: red;
border-radius: 25px 25px 0 0;
}
.heart::before {
top: -25px;
left: 0;
}
.heart::after {
top: 0;
left: -25px;
}

上述代碼中，我們通過給一個div元素添加類名“heart”，來定義愛心圖片。通過設置寬度、高度、旋轉角度和背景色等屬性，讓div元素呈現出來一個相應的形狀。接著，我們使用偽元素::before和::after，分別添加在div元素的上部和左側，作為愛心的兩側。它們的位置和背景色等屬性，也需要根據愛心的形狀進行設置。

最終，我們可以得到一個顯示為一個簡單的紅色愛心的CSS圖片。在實際運用中，我們可以進一步對該圖片進行樣式的調整和優化，從而使它更加符合我們的設計需求。