CSS圓角矩形怎么寫(xiě)？

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

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

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

在這個(gè)例子中，border-radius屬性的值為20像素，這意味著圓角的半徑是20像素，你可以根據(jù)需要調(diào)整這個(gè)值，以創(chuàng)建不同大小的圓角矩形。

如果你想要?jiǎng)?chuàng)建不同樣式的圓角矩形，可以使用border-radius屬性的不同值來(lái)定義每個(gè)角的半徑，如果你想要?jiǎng)?chuàng)建一個(gè)左上角和右下角有圓角的矩形，可以使用以下CSS代碼：

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

在這個(gè)例子中，border-radius屬性的值分別為20像素、0、0和20像素，這意味著只有左上角和右下角的半徑為20像素。

希望這些示例能幫助你創(chuàng)建出漂亮的圓角矩形！