CSS3 矩形凹圓角是一種常用的 CSS 樣式，用于創建矩形，使其具有凹圓角效果。這種效果可以通過在矩形的 CSS 屬性中設置內邊距和邊框寬度來實現。

下面是一個使用 CSS3 矩形凹圓角效果的示例代碼：

/* 設置矩形的寬度和高度 */

.rectangle {

width: 200px;

height: 200px;

/* 設置內邊距和邊框寬度 */

.rectangle {

margin: 10px;

border-radius: 5px;

在這個示例中，我們首先定義了一個矩形，并設置其寬度和高度為 200 像素。然后，我們使用 `margin` 屬性設置了矩形的內邊距，值為 10 像素。接著，我們使用 `border-radius` 屬性設置了矩形的邊框寬度，并將其值設置為 5 像素。最后，我們使用 `}` 運算符重復定義了矩形的 CSS 屬性，以使其具有凹圓角效果。

使用這個示例代碼，你可以創建一個 200 像素寬度和高度矩形，并將其設置為可見狀態。在瀏覽器中，你將可以看到這個矩形具有凹圓角效果。

除了使用 CSS3 規則設置矩形的凹圓角外，你也可以使用 JavaScript 或其他編程語言來創建這種效果。例如，你可以使用 JavaScript 創建一個圓形，并在圓形上設置凹圓角效果。