在CSS中，可以使用不同的樣式來渲染HTML中的各個元素。其中，CSS中的圖形樣式也是一個很重要的部分。

/* 代碼示例1：實現一個紅色的正方形 */
.square {
width: 100px;
height: 100px;
background-color: red;
}
/* 代碼示例2：實現一個橙色的圓形 */
.circle {
width: 100px;
height: 100px;
background-color: orange;
border-radius: 50%;
}
/* 代碼示例3：實現一個藍色的三角形 */
.triangle {
width: 0;
height: 0;
border-top: 50px solid blue;
border-right: 50px solid transparent;
}
/* 代碼示例4：實現一個黃色的菱形 */
.rhombus {
width: 100px; 
height: 100px; 
background: yellow;
transform: rotate(45deg);
}

在上面的代碼中，我們可以看到四個不同形狀的樣式實現，其中第一個是實現一個正方形，只需要設置寬度、高度和背景色即可。第二個是一個圓形，通過設置border-radius屬性，將它的邊框設置為圓形。第三個是一個三角形，通過設置border-top和border-right屬性，使它呈現出三角形的形狀。第四個是一個平行菱形，利用transform屬性中的rotate進行旋轉，使其呈現出菱形的形狀。

在CSS中，除了上面這些基本的形狀外，我們還可以通過組合各種形狀來實現更加復雜的形狀。例如，可以使用多個三角形、矩形和圓形組合在一起，形成一個復雜的圖形樣式。

在實際應用中，圖形樣式可以用于美化頁面，或者在視覺設計時起到一定的輔助作用，提升頁面的可讀性和可操作性。同時，圖形樣式還可以用于解決一些排版問題。