得到圖片的圓形頭像效果

時間 2019-11-05

標籤得到圖片圓形頭像效果简体版

原文原文鏈接

一張矩形的圖片，怎樣獲得圓形的頭像效果？html

<style>
img {
    border: 3px solid #cccccc;
    border-radius: 50%;
    height: 80px;
    width: 80px;
}
</style>
<img src="http://mt1.baidu.com/timg?wh_rate=0&wapiknow&quality=100&size=w250&sec=0&di=357d1834400b498793f7306937bd9035&src=http%3A%2F%2Fimg.iknow.bdimg.com%2Fjctuijian%2F0819%2F4.jpg">