五角星画图

五角星画图

画五角星有没有诀窍,角是能画出来就是太丑了。我用border画的,边长和角度乱七八糟。


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

(1)先用border画一个等腰三角心,用transform:rotate将三角形旋转,将这个等腰三角形作为五角星的一个角。

(2)再用border画一个小的等腰三角形,将它定位在上一个三角形的上面。

(3)最后还是使用border画一个等腰的三角形,这个三角形的边宽与第一步的三角形边宽一样,然后也定位第一个三角形上。

后两个步骤的三角形要使用:before和:after伪元素生成。

祝学习愉快!

提问者 不见幽人独往来 2016-12-20 13:32:00

十分感谢。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师