CSS 圓角矩形怎么寫？

在CSS中，我們可以使用border-radius屬性來創(chuàng)建圓角矩形。border-radius屬性可以設(shè)置一個(gè)元素的圓角半徑，從而使其成為一個(gè)圓角矩形。

如果我們想要?jiǎng)?chuàng)建一個(gè)寬度為200像素、高度為100像素的圓角矩形，可以使用以下CSS代碼：

div {
  width: 200px;
  height: 100px;
  border-radius: 10px;
}

在這個(gè)例子中，border-radius屬性的值為10像素，這意味著矩形的四個(gè)角都將被切割成10像素的圓角，您可以根據(jù)需要調(diào)整border-radius屬性的值，以創(chuàng)建不同大小的圓角矩形。

您還可以將border-radius屬性應(yīng)用于其他元素，例如p、h1、img等，以創(chuàng)建具有圓角的各種元素。

希望這篇文章能幫助您創(chuàng)建出具有圓角的漂亮矩形。