CSS是一種用于設計網頁樣式的語言,它可以幫助我們實現很多效果。其中一個常見效果就是圖片適應邊框圓角,下面我們來介紹一下如何實現。
.border-radius { width: 200px; height: 200px; border-radius: 50%; overflow: hidden; } .border-radius img { width: 100%; }
首先,我們需要給包裹圖片的 div 加上border-radius: 50%
,這樣就可以實現圓形的邊框。同時,將其overflow
屬性設置為hidden
,這樣圖片就不會超出圓形邊框。
然后,我們需要將圖片的寬度設為100%,這樣圖片就會自適應圓形的邊框。
以上就是實現圖片適應邊框圓角的方法,希望對你有所幫助。
上一篇java讀取和返回圖片
下一篇css圖片星光閃爍效果