CSS里怎樣弄圓角矩形

在CSS中，我們可以使用border-radius屬性來創(chuàng)建圓角矩形，這個(gè)屬性可以應(yīng)用于任何具有邊框的元素，例如div、p、a等。

我們需要?jiǎng)?chuàng)建一個(gè)HTML元素，例如一個(gè)div元素：

<div class="rounded-rectangle"></div>

在CSS中，我們可以使用border-radius屬性來設(shè)置該元素的圓角半徑：

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

在這個(gè)例子中，我們?cè)O(shè)置了一個(gè)寬度為200像素、高度為100像素的div元素，并給它添加了一個(gè)2像素寬的黑色邊框，我們使用border-radius屬性將邊框的四個(gè)角設(shè)置為10像素的圓角。

你可以根據(jù)需要調(diào)整width、height、border和border-radius的值，以創(chuàng)建不同大小和圓角的矩形，如果你想要?jiǎng)?chuàng)建單獨(dú)的圓角（例如只有左上角和右下角是圓的），你可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius屬性來分別設(shè)置每個(gè)角的圓角半徑。