CSS3是前端開(kāi)發(fā)中一個(gè)非常重要的技術(shù)，它可以讓我們實(shí)現(xiàn)很多前所未有的效果，例如把圖片變成圓形。

img {
border-radius: 50%;
}

上面這段CSS代碼就可以讓圖片的邊角變成圓形，我們只需要把border-radius屬性設(shè)置為50%，就可以實(shí)現(xiàn)這個(gè)效果。這個(gè)屬性不僅可以用于圖片，也可以用于其他的盒子元素，非常靈活。

需要注意的是，如果要做兼容性處理，我們還需要加上一些特定的前綴，例如-webkit-、-moz-等，這些前綴可以讓我們的代碼在各個(gè)瀏覽器上都能夠正常運(yùn)行。

img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

除了讓圖片邊角變成圓形，我們還可以做更多的事情，例如給圖片添加邊框、陰影等效果，這些效果可以讓我們的圖片更加美觀，從而提升頁(yè)面的視覺(jué)效果。

總之，CSS3把圖片變成圓形是一個(gè)非常簡(jiǎn)單而實(shí)用的技巧，只需要一行CSS代碼就可以實(shí)現(xiàn)。如果你想要更進(jìn)一步地掌握CSS3的技能，可以多多研究它的其他屬性和用法，相信你會(huì)有更多的收獲。