CSS怎么做個(gè)紅色的心？

/* 首先設(shè)置心的寬高和位置 */
.heart {
width: 50px;
height: 50px;
position: relative;
}
/* 然后畫(huà)心形 */
.heart:before,
.heart:after {
content: "";
position: absolute;
top: 0;
left: 25px;
width: 25px;
height: 40px;
background-color: red;
border-radius: 25px 25px 0 0;
transform: rotate(-45deg);
transform-origin: 0 100%;
}
.heart:after {
left: 0;
transform: rotate(45deg);
transform-origin: 100% 100%;
}

以上代碼就是實(shí)現(xiàn)紅色心的關(guān)鍵部分，具體HTML代碼可以如下：

在HTML中，我們創(chuàng)建一個(gè)div元素，并加上類名heart，在CSS中定義這個(gè)heart的樣式，即可實(shí)現(xiàn)一個(gè)紅色的心形圖案。