长方形 ask2

关于div上套不规则边框的问题 财富值36

2016-11-04 21:15发布

站内问答 /
7269 9 5

如图这样的设计，需要在echarts上套一个边框，css不是很容易实现（主要弧边不好处理），现在边框用图片代替，但是怎么让echarts嵌在图里呢。echarts是长方形，卡住了，没什么思路了，求各位大牛支招

[复制链接] 举报
友情提示: 此问题已得到解决，问题已经关闭,关闭后问题禁止继续编辑，回答。
9条回答
fzufish - 这个人很懒，什么都没留下
2016-11-04 21:26

主要思想应该还是用 border-radius。但 border-radius 只能给角设半径，不能给角的两条边分别设半径。我们所需要的是给角的两边分别设不一样的半径。
这个时候画椭圆的方法给了我启发。利用百分比做半径，我们就能给每个角的两边设不一样的半径了。
但题主要的又不是椭圆，所以这个时候就得结合用 calc 了。
我做了一个 demo ，题主在这个基础上继续调整一下 border-radius 应该就能实现想要的效果。

76人赞 举报

一周热门 更多>