CSS背景圓角矩形代碼怎么打？

在CSS中，我們可以使用border-radius屬性來(lái)創(chuàng)建一個(gè)帶有圓角的矩形，這個(gè)屬性可以應(yīng)用于元素的背景色，使得背景色呈現(xiàn)出圓角矩形的樣式。

下面是一個(gè)簡(jiǎn)單的示例代碼，展示如何創(chuàng)建一個(gè)帶有圓角的矩形背景：

.rounded-rectangle {
  width: 200px;
  height: 100px;
  background-color: #ff0000;
  border-radius: 20px;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為.rounded-rectangle的類，并將其應(yīng)用于需要顯示圓角矩形的HTML元素上，這個(gè)類設(shè)置了元素的寬度、高度、背景色以及圓角半徑，通過(guò)調(diào)整這些值，你可以輕松地改變圓角矩形的樣式。

如果你想要?jiǎng)?chuàng)建多個(gè)不同樣式的圓角矩形，你可以使用不同的類名來(lái)區(qū)分它們，并在HTML中根據(jù)需要應(yīng)用這些類，這樣，你就可以在頁(yè)面中創(chuàng)建出多種不同風(fēng)格的圓角矩形了。