CSS中，將div變成圓角矩形，可以通過設(shè)置div的border-radius屬性來實現(xiàn)，border-radius屬性可以接收1到4個值，這些值分別代表四個角的半徑，如果四個角半徑相同，則可以只提供一個值。

如果想讓一個div變成圓角矩形，可以給它添加如下CSS樣式：

div {
  border-radius: 10px;
}

這樣，div的四個角都會變成半徑為10px的圓角，如果想讓四個角的半徑不同，可以分別指定每個角的半徑：

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

這樣，div的四個角就會變成半徑分別為10px、20px、30px和40px的圓角，注意，border-radius屬性的值越大，圓角的半徑就越大，矩形就越接近一個圓形。

還可以通過設(shè)置div的width和height屬性來定義矩形的尺寸，如果想讓一個div變成寬為200px、高為100px的圓角矩形，可以給它添加如下CSS樣式：

div {
  width: 200px;
  height: 100px;
  border-radius: 10px;
}

這樣，div就會變成一個寬為200px、高為100px、四個角半徑為10px的圓角矩形。