DIV小头像

背景

  在做大米清单的时候需要做一个头像，但是正方形的太丑了，棱角分明，给人冷冰冰的感觉。所以就需要把它美化一下，圆润一些。

实现

  通过一番实验之后，可以实现正方形、圆形、和圆角。
  
  普通显示正方形图片：<img style="" class="avatar" src="~/content/IMG/dog.jpg">

  效果：

  
  显示圆角图片：<img style="border-radius:5px" class="avatar" src="~/content/IMG/dog.jpg">

  效果：

  
  显示圆形图片：<img style="border-radius:50%" class="avatar" src="~/content/IMG/dog.jpg">

  效果：

  
  大家觉得哪一种更好看呢？