| 背景 |
在做大米清单的时候需要做一个头像，但是正方形的太丑了，棱角分明，给人冷冰冰的感觉。所以就需要把它美化一下，圆润一些。
| 实现 |
通过一番实验之后，可以实现正方形、圆形、和圆角。
普通显示正方形图片：<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">
效果：
大家觉得哪一种更好看呢？