CSS画一个心

   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.

posted @ 2016-08-12 10:50  浅书流年  阅读(226)  评论(0)    收藏  举报