收藏
回答

请问大家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
      不是图片
      2020-07-22
      回复
  • 谋谋谋
    谋谋谋
    2020-07-22

    这并不是一个border

    2020-07-22
    有用
    回复 4
    • 黎黎原上草
      黎黎原上草
      2020-07-22
      应该是
      2020-07-22
      回复
    • 谋谋谋
      谋谋谋
      2020-07-22回复黎黎原上草
      画出来了么
      2020-07-22
      回复
    • 黎黎原上草
      黎黎原上草
      2020-07-27
      画出来了 但是效果不是我想要的 直接用背景图片代替了
      2020-07-27
      回复
    • 谋谋谋
      谋谋谋
      2020-07-28回复黎黎原上草
      哈哈
      2020-07-28
      回复
  • Admin²⁰²²
    Admin²⁰²²
    2020-07-22

    看起来像图片。

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