1.心（不支持IE）
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.heartLeft{ height:150px; width:100px; background-color:#F00; border-radius:100px 100px 0px 0px;transform:rotate(-45deg); margin-left:135px}
.heartRight{ height:150px; width:100px; background-color:#F00; border-radius:100px 100px 0px 0px;transform:rotate(45deg); margin-left:170px; margin-top:-150px}
</style>
</head>
<body>
<div class="heartLeft"></div>
<div class="heartRight"></div>
</body>
</html>
2.
原文：http://www.cnblogs.com/wqb2016/p/5764104.html