上传图片显示圆头像CSS

今天药忘吃喽~ 2021-12-16 23:15 511阅读 0赞 
  1. 用一个div套住img 然后依次为div设置样式 .commentAvatarDiv{ 
  2. width: 32px;
  3. height: 32px;
  4. padding:2px;
  5. background: #ececec;
  6. border-radius:32px;
  7. box-shadow: 0px 0px 1px rgba(0,0,0,0.4);
  8. -moz-border-radius: 32px;
  9. -webkit-border-radius: 32px;
  10. }
  11. 为img设置样式 .commentAvatarImage{ 
  12. width:32px;
  13. height:32px;
  14. line-height: 0;    /* remove line-height */ 
  15. display: inline-block;    /* circle wraps image */
  16. border-radius: 50%;    /* relative value */
  17. -moz-border-radius: 50%;
  18. -webkit-border-radius: 50%;
  19. transition: linear 0.25s;
  20. }

发表评论

表情：
评论列表 （有 0 条评论，511人围观）

还没有评论，来说两句吧...

相关阅读

    相关 头像，背景图片上传详解

    头像，背景图片上传详解 上传头像和上传背景图片的思路都是一样的，所以这里选讲一下上传头像就行。 上传头像页面样式： ![在这里插入图片描述][watermark_

    朱雀朱雀/ 0 赞/ 599 阅读