社区
CSS
帖子详情
网页设计与制作 HTML
你的名字i
2019-04-10 10:27:26
怎样用html网页制作一个心形
...全文
786
4
打赏
收藏
网页设计与制作 HTML
怎样用html网页制作一个心形
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
努力,加油,奋斗
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。在进行拼接就行了,结果还算可以了。若有兴趣的话可以使用更好的比例制作更好的心形!
天际的海浪
2019-04-10
打赏
举报
回复
https://blog.csdn.net/a1k2l45k/article/details/80668761
咦哟~~~
2019-04-10
打赏
举报
回复
添加一个心型的图片不可以吗?
个人网页
制作
大学生个人
网页设计
个人网站模板 简单静态
HTML
个人网页作品 个人博客
临近期末, 你是否还在为
HTML
网页设计
期末作业而发愁,是否为还在为老师的网页
制作
作业要求感到头大?是否觉得
HTML
网页作业无从下手?,网页要求的总数量太多?是否找不到合适的模板?等等一系列问题。本资源就可以为你解决你所面临的这些问题,原始
HTML
+CSS+JS页面设计, web大学生
网页设计
作业源码,这是一个不错的网页
制作
资源合集,画面精美,非常适合初学者学习使用。 多套(
HTML
+CSS+JS)
网页设计
的学生期末大作业,都符合学校或者学生考试期末作业的水平,都是div+css框架代码写的,可满足大学生网页大作业
网页设计
作业需求, 喜欢的可以下载!
HTML
+CSS
网页设计
与布局从入门到精通
《
HTML
+CSS
网页设计
与布局从入门到精通》紧密围绕
网页设计
师在
制作
网页过程中的实际需要和应该掌握的技术,全面介绍了使用
HTML
和CSS进行
网页设计
和
制作
的各方面内容和技巧。 《
HTML
+CSS
网页设计
与布局从入门到精通》共分4个部分21章和两个附录,包括
网页设计
基础、
HTML
基础、CSS基础、CSS高级技术和CSS布局技术等内容。全书遵循Web标准,强调“表现”与“内容”的分离,抛弃了那些过时的
HTML
标记和属性,从更规范的角度全面、系统地介绍了
网页设计
制作
方法与技巧。附录收录了网站发布与管理的知识和160个应用CSS时出现频度较高的英文单词及其中文解释。书中给出了大量详细的案例,并对案例进行分析,便于读者在理解的基础上,直接修改后使用。《
HTML
+CSS
网页设计
与布局从入门到精通》作者具备扎实的实践功底,行文细腻,对每一个技术细节以及每一个实际工作中可能遇到的难点和错误都进行了详细的说明,并给出了解决方案。 《
HTML
+CSS
网页设计
与布局从入门到精通》附带学习光盘,收录了12个小时
HTML
和CSS多媒体教学录像和网页
制作
技术多媒体教学录像,辅助读者学习,达到事半功倍的效果。光盘还附带书中所有实例的素材文件、源代码和最终效果文件,修改后可直接使用。
高质量学生dreamweaver
网页设计
制作
大作业成品下载
学生原创课程设计
网页设计
制作
大作业成品免费下载。本网页作业为一个展示产品类型的
网页设计
作业作品成品。使用dreamweaver
制作
采用DIV+CSS进行布局,总页面数量9页。适合修改成为各种类型的产品展示网页,比如摄影、设计作品、电影、音乐等。
原创学生dreamweaver/frontpage
网页设计
作业大作业成品下载
免费dreamweaver/frontpage网页
制作
作业成品模板下载。学生原创课程设计
网页设计
制作
大作业成品免费下载。本网页作业为一个展示产品类型的
网页设计
作业作品成品。使用dreamweaver
制作
采用DIV+CSS进行布局,总页面数量9页。适合修改成为各种类型的产品展示网页,比如摄影、设计作品、电影、音乐等。
HTML
_CSS_JavaScript网页
制作
从入门到精通
HTML
_CSS_JavaScript网页
制作
从入门到精通
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章