CSS中，將方形變?yōu)閳A形，主要通過(guò)border-radius屬性來(lái)實(shí)現(xiàn)，這個(gè)屬性可以設(shè)置一個(gè)元素四個(gè)角的圓角程度，當(dāng)border-radius設(shè)置為一個(gè)值時(shí)，這個(gè)值將作為圓角的半徑，使得四個(gè)角都變?yōu)橄嗤膱A角。

要將一個(gè)div元素變?yōu)閳A形，可以將其樣式設(shè)置為：

div {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #333;
}

在這個(gè)樣式中，border-radius: 50%使得div元素的四個(gè)角都變?yōu)?0%寬度的圓角，從而形成一個(gè)圓形。background-color屬性設(shè)置了背景顏色，使得圓形更加突出。

需要注意的是，如果要將一個(gè)元素變?yōu)閳A形，其寬度和高度必須相等，否則將無(wú)法形成***的圓形。border-radius屬性也可以接受兩個(gè)值，分別代表水平和垂直方向的圓角半徑，從而實(shí)現(xiàn)橢圓形的樣式。

CSS中的border-radius屬性提供了一種方便的方法來(lái)實(shí)現(xiàn)方形變圓形的效果，只需要設(shè)置合適的圓角半徑即可。