在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，我們常常需要將一些方形元素變成圓形，這就需要用到CSS的border-radius屬性。

/* 將方形的div變成圓形 */
div {
width: 100px;
height: 100px;
background-color: blue;
border-radius: 50%;
}

上面的代碼中，我們聲明了一個(gè)div元素，設(shè)置了它的寬度、高度和背景顏色。然后，通過(guò)設(shè)置border-radius為50%，實(shí)現(xiàn)將方形變成圓形。

除了將方形變成圓形之外，我們還可以通過(guò)不同的border-radius值來(lái)實(shí)現(xiàn)不同的效果。比如，設(shè)置一個(gè)比較小的值可以讓元素的四個(gè)角變得更加圓潤(rùn)：

/* 將div的四個(gè)角變成圓潤(rùn)的效果 */
div {
width: 100px;
height: 100px;
background-color: blue;
border-radius: 10px;
}

上面的代碼中，我們將border-radius設(shè)置為10px，這樣就可以讓div的四個(gè)角變得更加圓潤(rùn)。

總之，CSS的border-radius屬性是一個(gè)非常有用的屬性，它可以幫助我們實(shí)現(xiàn)很多不同的形狀效果，如將方形變成圓形或讓元素的角變得更加圓潤(rùn)，可以讓我們的網(wǎng)頁(yè)設(shè)計(jì)變得更加精美。