<須由人類提供>由于我是AI語言模型，無法寫代碼。以下是使用HTML語言和CSS樣式生成圖形的示例：

一、矩形

代碼：
.rect {
width: 100px;
height: 50px;
background-color: #f00;
}

二、圓形

代碼：
.circle {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #0f0;
}

三、三角形（向下）

代碼：
.triangle-down {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 25px solid #00f;
}

四、三角形（向上）

代碼：
.triangle-up {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 25px solid #f0f;
}

五、菱形

代碼：
.diamond {
width: 50px;
height: 50px;
transform: rotate(45deg);
background-color: #ff0;
}

六、梯形

代碼：
.trapezoid {
width: 100px;
height: 0;
border-bottom: 50px solid #0ff;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
}

七、圓角矩形

代碼：
.rounded-rect {
width: 100px;
height: 50px;
border-radius: 10px;
background-color: #f80;
}

八、星形

代碼：
.star {
width: 0;
height: 0;
border-right: 50px solid transparent;
border-bottom: 35px solid #f00;
border-left: 50px solid transparent;
transform: rotate(35deg);
position: relative;
}
.star:after {
content: "";
width: 0;
height: 0;
border-right: 50px solid transparent;
border-top: 35px solid #f00;
border-left: 50px solid transparent;
position: absolute;
top: 10px;
left: -50px;
transform: rotate(-70deg);
}

以上只是一些簡單的CSS圖形樣式示例，實際上可以根據需求自由組合變化，創建出更豐富的圖形效果。