CSS（層疊樣式表）是一種定義如何顯示 HTML 元素的樣式表語言。在 CSS 中，我們可以使用簡單的代碼來畫出各種形狀。下面我們來看一些例子：

/* 畫一個正方形 */
.square {
width: 100px;
height: 100px;
background-color: red;
}
/* 畫一個矩形 */
.rectangle {
width: 200px;
height: 100px;
background-color: blue;
}
/* 畫一個圓形 */
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: yellow;
}
/* 畫一個三角形 */
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid green;
}
/* 畫一個梯形 */
.trapezoid {
width: 200px;
height: 0;
border-bottom: 100px solid orange;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}
/* 畫一個星形 */
.star {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-left: 50px solid yellow;
border-bottom: 50px solid transparent;
border-right: 50px solid yellow;
transform: rotate(45deg);
}

在上面的代碼中，我們使用了一些 CSS 屬性來畫出各種形狀。例如：

• width和height屬性來控制寬度和高度
• background-color屬性來設置背景色
• border-radius屬性來設置圓角
• border-left、border-right和border-bottom屬性來設置邊框
• transform: rotate()屬性來旋轉元素

通過這些屬性的組合運用，我們可以輕松地畫出各種形狀。