如何使用CSS将图片的大小从正方形更改为圆形？

Question

我有一个徽标，我需要插入一个html页面，该徽标是方形的，但我需要它成为一个圆圈，我怎么能用CSS做到这一点？

Answer 1

int min;

min[i]

这应该可以胜任。将背景网址设置为徽标，高度和宽度之一。

Answer 2

使用border-radius。您可以在此处看到一个简单示例：

＆＃13;

＆＃13;

img.logo {
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}

＆＃13;

<img class="logo" src="http://placehold.it/100x100"/>

＆＃13;

＆＃13;

＆＃13;

Answer 3

使用border-radius然后将overflow设置为hidden。

Answer 4

使用border和make 边界半径：50％;