Question

我想像skype的头像联系人一样创建图像头像，你能帮助我吗？，我尝试使用边框radius-border但幸运

Answer 1

我认为您也可以在border-radius代码上使用img。

img{
    border-radius: 50%;
}

<img src="https://c2.staticflickr.com/4/3016/3071708735_ddaf5d361b.jpg" alt="">

Answer 2

CSS：

＆＃13;

    public void onCompletion(MediaPlayer arg0) 
    {
        // Write your code
// Here, set the seekTo to 0 like this seekTo(0);
    }

＆＃13;

.circleImage {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: green;
}

HTML:

＆＃13;

将边框半径保持为圆形图像宽度或高度的一半，如Skype中所示。

Answer 3

请尝试以下操作： Demo

div.avatar {
    border-radius:50%;
    overflow:hidden;
    width:100px;
    height:100px;
    border:1px solid #ccc;
}
div.avatar img {   
    height:100%;
}

HTML：

<div class="avatar">
    <img src="http://www.stockazoo.com/uploads/3/5/4/5/3545172/5579090_orig.jpg" />
</div>

通过CSS创建圆角图像

3 个答案: