Hi,歡迎訪問前端老白
CSS控制圖片變圓的方法
img { border-radius: 50%; }
在Web開發中,圓形圖片是一個常見的需求,可以用于頭像、圖標等場合。而CSS提供了一種簡單的實現方法,就是使用border-radius屬性。
border-radius屬性用于設置元素的圓角,其參數可以是一個長度值(如px、em等)、百分比或關鍵字(如50%)。當設置為50%時,元素即可呈現為圓形。因此,在控制圖片圓角時,只需要將border-radius屬性應用于img標簽即可。
老白網絡 (http://www.lofty888.cn/) 前端 后端 zblog主題.網站地圖xml