怎麼寫個心形的樣式。一開始思路是半圓加直線可以搞定，查了一下一個div就可以搞定。思路要換換了。做什麼要先想清楚再做。現在說一下思路。
1.用一個大的div就可以搞定。
2.直接上代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>畫畫</title>
<style>
#xing{
width: 100px;
height: 80px;
position: relative;
}
#xing:before{
content: "";
width: 50px;
height: 80px;
display: block;
position: absolute;
left: 50%;
background: #FF0000;
border-radius: 25px 25px 0 0;
transform: rotate(-45deg);
transform-origin: 0 100%;
}
#xing:after{
content: "";
width: 50px;
height: 80px;
display: block;
background: red;
transform: rotate(45deg);
border-radius: 25px 25px 0 0;
transform-origin: 100% 100%;
}
</style>
</head>
<body>
<!--
描述：1.1、、心形
-->
<div id="xing">
</div>
</body>
</html>
最後呈現的樣式是這樣的：