心形是浪漫的象征，很多人希望在特殊的情境下使用它。在CSS中，通過(guò)結(jié)合一些基本圖形和屬性，我們可以輕松地做出一個(gè)精美的心形。

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

在這段代碼中，我們首先創(chuàng)建了一個(gè)具有相對(duì)位置的容器，然后定義了兩個(gè)偽元素before和after。這些元素都被絕對(duì)定位，在左邊的一個(gè)被旋轉(zhuǎn)了-45度，右邊的被旋轉(zhuǎn)了45度。它們的寬度和高度的比例也是經(jīng)過(guò)測(cè)試的。通過(guò)應(yīng)用background屬性，我們可以將它們變成一個(gè)紅色的心形。

最后，我們?yōu)閮蓚€(gè)元素通過(guò)transform-origin屬性制定了一個(gè)旋轉(zhuǎn)的起點(diǎn)。

這個(gè)心形是可愛(ài)的，可以用來(lái)制作像情人節(jié)等特殊場(chǎng)合的網(wǎng)頁(yè)設(shè)計(jì)。在CSS中，結(jié)合基本屬性輕松制作獨(dú)特形狀從此成為可能！