在 HTML 中設置圖片圓角有多種方法,而其中最簡單的方法就是使用 CSS 的 border-radius 屬性。通過該屬性,可以輕松地將圖片的四個角落變成圓形或橢圓形,并且設置圓角的大小也非常方便。
假設要將圖片設置成圓形,只需使用如下代碼:
其中,border-radius:50% 表示將圖片的四個角都設置成 50% 的圓角大小,因此就能得到一個完美的圓形圖片。同理,如果想要得到橢圓形圖片,只需將 border-radius 屬性的兩個值分別設置為不同的大小,比如:
這樣就能得到較長的圓角和較短的圓角,從而組合成一個橢圓形圖片。當然,如果想要得到更復雜的圓角效果,也可以依照不同需求進行調整和組合。
上一篇vue 2 3 性能
下一篇python+元祖解包