收藏
回答

请问大家border-radius内圆角怎么弄?凹凸角?

就像这种角怎么弄出来?有大神指点吗?

回答关注问题邀请回答
收藏

5 个回答

  • Beus Liu
    Beus Liu
    2020-07-22

    <view class="big">
    <view class="small"></view>
    </view>
    
    .big{width60%;margin0 auto;height200px;position: relative;border2px solid #000;}
    .small{position: absolute;left: -3px;bottom: -3px;width30px;height30px;border-right2px solid #000;border-radius:0 30px 0 0;border-top2px solid #000;border-left2px solid #fff;border-bottom2px solid #fff;background-color#fff;z-index1;}
    
    2020-07-22
    有用 2
    回复 10
    • ᝰꫛꫀꪝ 黎.
      ᝰꫛꫀꪝ 黎.
      2020-07-22
      这个不能随着自动拉伸吧
      2020-07-22
      回复
    • ᝰꫛꫀꪝ 黎.
      ᝰꫛꫀꪝ 黎.
      2020-07-22
      如框体宽度限制  高度自动  还有效果吗
      2020-07-22
      回复
    • ᝰꫛꫀꪝ 黎.
      ᝰꫛꫀꪝ 黎.
      2020-07-22
      而且 我看你这个只是利用一个圆覆盖这个角?
      2020-07-22
      回复
    • Beus Liu
      Beus Liu
      2020-07-22回复ᝰꫛꫀꪝ 黎.
      宽高变化没有影响,你想要的效果不就是内凸角?实现样式可以继续优化
      2020-07-22
      回复
    • ᝰꫛꫀꪝ 黎.
      ᝰꫛꫀꪝ 黎.
      2020-07-22
      感谢了 我去试试
      2020-07-22
      回复
    查看更多(5)
  • test·
    test·
    2020-07-22

    可以新建四个直角扇形覆盖住这四个角尝试一下

    2020-07-22
    有用
    回复
  • 启年网络
    启年网络
    2020-07-22

    像图片

    2020-07-22
    有用
    回复 1
  • 谋谋谋
    谋谋谋
    2020-07-22

    这并不是一个border

    2020-07-22
    有用
    回复 4
  • Admin²⁰²¹
    Admin²⁰²¹
    2020-07-22

    看起来像图片。

    2020-07-22
    有用
    回复
登录 后发表内容
问题标签