美文网首页
微信小程序中设置open-data图片圆角

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

作者: SsmallLucky | 来源:发表于2018-11-26 11:31 被阅读0次

    微信小程序中的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 才能生效。

    相关文章

      网友评论

          本文标题:微信小程序中设置open-data图片圆角

          本文链接:https://www.haomeiwen.com/subject/ztovqqtx.html