圖片成圓形css樣式,圖片圓角 css

css如何把圖片剪成圓形？

div style="width:100px; height:100px; border-radius:50%; overflow:hidden;"

成都創新互聯專注于企業成都全網營銷推廣、網站重做改版、隆林網站定制設計、自適應品牌網站建設、H5技術、購物商城網站建設、集團公司官網建設、成都外貿網站制作、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為隆林等各大城市提供網站開發制作服務。

img src=""

/div

需要瀏覽器支持CSS 3 ，注意div的寬高要一樣，也可以直接把樣式添加在img上，但不建議那樣

div style="width:100px; height:100px; border-radius:50%; overflow:hidden;"

img src=""

/div

需要瀏覽器支持CSS 3 ，注意div的寬高要一樣，也可以直接把樣式添加在img上，但不建議那樣

1. 可以使用css的border-image屬性設置邊框的背景圖片。

2. 可以使用background設置多個背景圖片，并分別設置每個背景的位置。

3. 把所有圖片先合成一個圓形圖片，然后整個圖片作為背景圖片。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容