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

时间:2015-12-12 19:37:21

标签: html css html5 css3

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

4 个答案:

答案 0 :(得分:3)

int min;

min[i]

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

答案 1 :(得分:2)

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



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

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

使用border和make 边界半径:50%;