divcss圓形頭像圖標的制作技巧

我們為大家收集整理了關於divcss圓形頭像圖標的制作，以方便大家參考。雖然圓形的頭像圖標看起來很美很新穎，但是實現起來卻是很簡單，主要運用了border屬性去限定頭像圖片的邊界，從而將其規定為自己想要的形狀。

所 用到的主要起作用的屬性border-radius,用來設置或檢索對象使用圓角邊框。對於後面的參數，一個是如圖例所使用的lenth,即對應的圓角半 徑的長度，只要大於或等於你規定的尺寸，顯示的便是圓;另一個參數的形式是用 ，即用百分比設置圓角半徑的長度。具體 實現代碼很簡單，簡單幾句如下：

html中的圖片：

復制代碼代碼如下:

對應的CSS中：

復制代碼代碼如下:

.image{

width:43px;

height:43px;

border-radius:50px;

}

希望大家可以學會divcss圓形頭像圖標的制作想了解更多精彩內容，請關注我們的網站!

相關推薦：

divcss行內元素塊元素都有哪些呢