CSS6引入了一個新的元素類型——圓角矩形(Round Rectangle)，這是CSS5中就已經存在的元素類型。與傳統的矩形(Rectangle)不同，圓角矩形有一個圓角，可以設置為正圓、直角或負圓角。

圓角矩形的元素類型在布局中具有廣泛的應用，可以用于構建直角梯形、方形等形狀的元素。圓角矩形的樣式可以通過 CSS 屬性進行設置，包括寬度、高度、邊框樣式、內邊距和外邊距等。

下面是一個使用圓角矩形元素的示例：

```html

<div class="round-rectangle">

<div class="inner-container">

<p>這是一個圓角矩形元素。</p>

</div>

</div>

可以使用以下 CSS 樣式來設置圓角矩形元素：

```css

.round-rectangle {

width: 200px;

height: 300px;

border-radius: 50%;

background-color: #ddd;

.inner-container {

width: 200px;

height: 300px;

margin: 0 auto;

display: flex;

justify-content: center;

align-items: center;

width: 200px;

height: 300px;

在這個示例中，`border-radius: 50%;` 表示圓角矩形元素的邊框半徑設置為50%，可以使用其他值來控制圓角的大小和形狀。`background-color: #ddd` 表示圓角矩形元素的背景顏色，可以使用其他顏色和值來定制。

圓角矩形元素不僅可以用于構建文本和圖片，還可以用于構建其他形狀的元素，如表格、按鈕、表格單元格等。通過使用圓角矩形元素，可以快速構建出具有直角或圓角的元素，從而使其更加美觀和易于閱讀。