网页设计与制作 HTML

你的名字i 2019-04-10 10:27:26
怎样用html网页制作一个心形
...全文
786 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
可以用画布做,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。在进行拼接就行了,结果还算可以了。若有兴趣的话可以使用更好的比例制作更好的心形!
天际的海浪 2019-04-10
  • 打赏
  • 举报
回复
https://blog.csdn.net/a1k2l45k/article/details/80668761
咦哟~~~ 2019-04-10
  • 打赏
  • 举报
回复
添加一个心型的图片不可以吗?

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧