創(chuàng)建圓角矩形CSS的方法

在CSS中，我們可以使用border-radius屬性來(lái)創(chuàng)建圓角矩形。border-radius屬性可以設(shè)置一個(gè)元素的圓角大小，值可以是像素、百分比或者em單位。

我們可以設(shè)置一個(gè)元素的圓角半徑為50像素：

.element {
  border-radius: 50px;
}

或者，我們也可以設(shè)置一個(gè)元素的圓角半徑為元素寬度的一半：

.element {
  border-radius: 50%;
}

我們還可以使用border-radius屬性的四個(gè)值來(lái)分別設(shè)置元素的四個(gè)角的圓角半徑：

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

上述代碼將分別設(shè)置元素的左上角、右上角、右下角和左下角的圓角半徑為10像素、20像素、30像素和40像素。

border-radius屬性只在支持CSS3的瀏覽器中使用，如果您需要支持更老的瀏覽器，您可能需要使用其他方法或技術(shù)來(lái)實(shí)現(xiàn)圓角矩形。