开发者社区> 问答> 正文

圆形的百分比显示图如何做

screenshot
像这种的效果是如何做出来的呢,球大神指点

展开
收起
a123456678 2016-03-26 10:53:31 2422 0
1 条回答
写回答
取消 提交回答
  • 如果你要的是圆形,那么可以先搞个正方形出来,然后给它加上border-radius:xxpx;
    这个是一个角的圆弧的半径,然后它就变成了一个圈
    如果里面的蓝色部分是平的我觉得再塞个长方形嵌在里面就可以了
    有起伏的话大概就要嵌图片了
    要是让我做的话我就会想到这么做...

    不过如果你能发个哪里能看到它的地址,代码就一定可以扒出来´・ω・`

    这个时候就打开“开发者工具”一般浏览器里按F12,我这里以chrome为例
    左上角的小放大镜戳一下,对着你要扒的这个圆戳一下,保证选到的是整个圆
    然后这时候开发者工具里面蓝色高亮的就是这个圆的html,代码copy下来
    然后看右边的css,只要没有中划线的就照抄。
    再一层层往你选中的圆里面的html看,继续抄css。
    然后就可以了.......

    2019-07-17 19:15:44
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载