怎么用CSS寫一個圓角矩形

在CSS中，可以使用border-radius屬性來創(chuàng)建一個圓角矩形，這個屬性可以設(shè)置一個元素的圓角半徑，從而實現(xiàn)一個圓角矩形的外觀。

下面是一個簡單的例子，展示如何使用CSS來創(chuàng)建一個圓角矩形：

.rounded-rectangle {
  width: 200px;
  height: 100px;
  border: 2px solid #000;
  border-radius: 10px;
}

在這個例子中，我們創(chuàng)建了一個類名為rounded-rectangle的樣式，它定義了一個寬度為200像素、高度為100像素的矩形，并設(shè)置了2像素的黑色邊框，通過border-radius: 10px;，我們設(shè)置了圓角的半徑為10像素，從而得到一個圓角矩形。

你可以根據(jù)需要調(diào)整寬度、高度、邊框顏色和圓角半徑的值。border-radius屬性還支持設(shè)置四個角分別的圓角半徑，border-radius: 10px 50px 20px 30px;這將分別設(shè)置四個角的圓角半徑。