微信小程序中设置open-data图片圆角

微信小程序中的open-data属性可以展示微信用户的开放性信息,如头像、性别等。
头像默认为矩形,如果开发者想修改为圆角,css中的方式是通过border-radius来设置
小程序中则有不同,设置单边圆角使用这四个属性:
border-bottom-left-radius
border-top-left-radius
border-bottom-left-radius
border-top-left-radius
像传统的css一样设置左上右下的数值是没用的,例如:border-radius: 5px,0px,0px,5px。
如果要设置四边都是圆角的图片,则需要用border-radius: xxxrpx实现,并且在下方加上overflow:hidden 才能生效。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2018年1月14号参加007写作小组马上到年了,写作水平还是没有提高,但是心中的这个信念一直存在,不敢...
    being彬阅读 1,787评论 0 0
  • 001 “出力不讨好”的新人(简称A) A刚刚进公司时,他被分到一个项目组,负责计算某项服务的市场规模。他的任务就...
    小胖红阅读 1,644评论 2 2