在 CSS 中繪制等腰梯形可以使用多種方法，其中一種是使用偽元素和 transform 來實現。它允許我們設置等腰梯形的高度和角度，并且可以通過系統的圓角屬性來進行圓角處理。

/* 定義一個等腰梯形元素 */
.trapezoid {
width: 100px;
height: 0;
border-bottom: 40px solid red;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
position: relative;
}
/* 定義偽元素為梯形的上半部分 */
.trapezoid:before {
content: "";
display: block;
position: absolute;
top: -20px;
left: 0;
width: 0;
height: 0;
border-bottom: 20px solid red;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
/* 使用圓角屬性來添加圓角 */
.trapezoid {
border-radius: 10px;
}

以上代碼中，我們使用了偽元素 :before 來繪制梯形的上半部分，將其設置為絕對定位，并使用 border 屬性來定義形狀。然后，我們將 :before 元素的高度和角度定位在了梯形的上方。最后，我們使用了 CSS3 的 border-radius 屬性，來添加圓形角度。

使用以上代碼，我們可以得到一個擁有圓角的等腰梯形元素，通過修改 border 和圓角屬性的值，可以實現不同寬高比例的等腰梯形。