CSS是網頁設計中重要的一環。除了可以修改網頁的文本樣式、排版等，CSS還可以將標簽轉換為圖形來使頁面美觀、簡潔。以下是一些將標簽轉換為圖形的CSS樣式。

/* CSS代碼開始 */
.box {
width: 100px;
height: 100px;
background-color: #f00;
}
/* CSS代碼結束 */

上述代碼將創建一個紅色的正方形框。其中，通過設置width和height來定義框的寬度和高度，通過background-color來設置框的顏色。

下面是一些其他的簡單樣式：

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #f00;
}
/* 創建一個紅色的圓形框 */

.triangle {
width: 0;
height: 0;
border-top: 50px solid #f00;
border-right: 50px solid transparent;
}
/* 創建一個紅色的直角三角形 */

.hexagon {
width: 100px;
height: 55px;
background-color: #f00;
position: relative;
}
.hexagon:before {
content: "";
position: absolute;
top: -25px;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 25px solid #f00;
}
.hexagon:after {
content: "";
position: absolute;
bottom: -25px;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 25px solid #f00;
}
/* 創建一個紅色的六邊形 */

以上是一些常見的轉換標簽為圖形的CSS樣式，可以根據需求靈活使用。