CSS中怎么做圓角矩形？

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

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

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

在CSS中，我們可以使用border-radius屬性來制作圓角矩形：

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

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

你可以根據(jù)需要調(diào)整width、height、border和border-radius屬性的值，以制作出不同大小和圓角的圓角矩形。

如果你想要讓圓角矩形具有背景顏色，你可以添加background-color屬性：

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

在這個(gè)例子中，我們給圓角矩形添加了一個(gè)白色的背景顏色，你可以根據(jù)需要調(diào)整background-color屬性的值，以制作出不同背景顏色的圓角矩形。