61,129
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
努力，加油，奋斗 2019-04-11
- 打赏
- 举报
可以用画布做，canvas。五角星都可以做出来
浪戟天下 2019-04-11
- 打赏
- 举报
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
.a{
width: 0px;
height: 0px;
border: 86px solid #aad;
border-color: #aad transparent transparent transparent;
position: relative;
top: 80px;
left: 120px;
border-bottom-width: 0px;
border-top-width: 100px;
}
.b{
width: 0px;
border: 50px solid #aad;
border-radius: 50%;
transform: rotate(-90deg);
position: relative;
top: -173px;
left: -91px;
}
.b:last-child{
position: relative;
top: -273px;
left: -9px;
}
</style>
</head>
<body>
<div class="a">
<div class="b"></div>
<div class="b"></div>
</div>
</body>
</html>
具体就是先制作一个三角形，我这个是用边框属性制作。宽和高之比为根号3比1。之后在制作两个圆，半径与三角形高之比是1比2。在进行拼接就行了，结果还算可以了。若有兴趣的话可以使用更好的比例制作更好的心形！
具体就是先制作一个三角形，我这个是用边框属性制作。宽和高之比为根号3比1。之后在制作两个圆，半径与三角形高之比是1比2。在进行拼接就行了，结果还算可以了。若有兴趣的话可以使用更好的比例制作更好的心形！
天际的海浪 2019-04-10
- 打赏
- 举报
https://blog.csdn.net/a1k2l45k/article/details/80668761
咦哟~~~ 2019-04-10
- 打赏
- 举报
添加一个心型的图片不可以吗？
