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