很久沒更新博客了，因為比較菜，也沒什么能在上面分享的。作為新手，馬上要畢業找工作了，最近又在重新學習web的一些知識，剛剛學到CSS3，跟大家分享一些比較有趣的知識。今天分享的是利用CSS實現圓形頭像，其實主要用的屬性就是border-radius。
方法一：直接將用一個div包裹img。代碼如下：
CSS設置如下，其重點就是設置border-radius圓角屬性為為寬高的一半，然后要在包裹<img>標簽的div中設置超出隱藏這個屬性，不然圖片會顯得太大，超出盒子。
方法二：直接將頭像設置為div的背景圖片，同樣的利用border-radius這個屬性將盒子調成圓形。代碼如下：
方法三：直接操作<img>這個標簽，因為img同時也是一個盒子，直接設置img標簽的border-raiuds屬性即可，但該方法如果圖片不是正方形，容易導致圖片變形。代碼如下：
最后貼上以上代碼的效果圖（歡迎留言、私信交流）：
