在CSS中設置一個愛心形狀可以是一項有趣的挑戰。下面是一些步驟，介紹如何通過CSS實現一個基本的愛心形狀。

.heart {
width: 20px;
height: 20px;
position: relative;
transform: rotate(45deg);
background-color: #f00;
}
.heart:before,
.heart:after {
content: "";
width: inherit;
height: inherit;
position: absolute;
background-color: inherit;
}
.heart:before {
top: -10px;
border-radius: 10px 10px 0 0;
}
.heart:after {
left: -10px;
border-radius: 0 10px 10px 0;
}

現在，讓我們解釋一下上面的代碼。首先，我們設置一個'.heart'類并定義它的高度和寬度。為了使愛心形狀旋轉，我們使用了transform屬性，并將它設置為rotate(45deg)。接下來，我們添加':before'和':after'偽類來形成愛心的兩個鏡像半邊。我們使用top和left屬性在半邊上設置位置，并使用border-radius屬性設置適當的半徑為了使形狀變成半個圓弧，然后通過這個方法來形成完整的愛心形狀。

通過這個簡單的CSS代碼，您現在可以創建自己的愛心形狀，并在您的網頁上使用它！