CSS代碼怎么寫圓角邊框

在CSS中，我們可以使用border-radius屬性來創(chuàng)建圓角邊框，這個(gè)屬性接受一個(gè)值，用于指定圓角的半徑大小，下面是一個(gè)簡單的例子：

div {
  border: 2px solid #000;
  border-radius: 10px;
}

在這個(gè)例子中，我們創(chuàng)建了一個(gè)div元素，并給它添加了一個(gè)黑色的邊框，我們使用border-radius屬性將邊框的四個(gè)角都設(shè)置為10像素的圓角，你可以根據(jù)需要調(diào)整這個(gè)值，以改變圓角的大小。

如果你想要單獨(dú)設(shè)置每個(gè)角的圓角半徑，可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius這四個(gè)屬性。

div {
  border: 2px solid #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 40px;
}

在這個(gè)例子中，我們分別設(shè)置了每個(gè)角的圓角半徑，使得每個(gè)角都有不同的圓角大小。

需要注意的是，border-radius屬性在IE9以下的版本中不被支持，如果你需要支持這些老版本的瀏覽器，可能需要使用其他的方法來實(shí)現(xiàn)圓角邊框。