在CSS中，可以使用border-radius屬性來讓div元素的四個角變圓。border-radius屬性可以設(shè)置一個值，也可以設(shè)置四個值，分別代表左上角、右上角、右下角和左上角的圓角半徑。

要將一個div元素的四個角變?yōu)榘霃綖?0px的圓，可以使用以下CSS代碼：

div {
  border-radius: 20px;
}

或者，也可以分別設(shè)置四個角的圓角半徑：

div {
  border-radius: 20px 30px 40px 50px;
}

***個值代表左上角的圓角半徑，第二個值代表右上角的圓角半徑，第三個值代表右下角的圓角半徑，第四個值代表左上角的圓角半徑（與***個值相同）。

需要注意的是，如果設(shè)置的圓角半徑大于div元素的高度或?qū)挾鹊囊话?，那么圓角將不會被顯示出來，在設(shè)置圓角半徑時需要注意其大小與div元素的大小比例。

border-radius屬性不僅可以應(yīng)用于div元素，還可以應(yīng)用于其他具有邊框的元素上，如p、h1、h2等。border-radius屬性也可以與其他CSS樣式屬性一起使用，以實(shí)現(xiàn)更豐富的樣式效果。