CSS是建立網頁樣式的常用技術，一個有趣的應用就是通過CSS來制作菊花圖。菊花圖由多個小三角形組成，每個小三角形有不同的背景色和位置，通過CSS實現可以輕松實現美觀的菊花圖效果。

/* 設置小三角形的樣式 */
.triangle {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 60px 0 60px 104.5px; /*設置邊框寬度，形成三角形*/
}
/* 設置不同顏色的三角形 */
.red {
border-color: transparent transparent transparent #ff0000; /*設置邊框顏色*/
}
.green {
border-color: transparent transparent transparent #00ff00;
}
.blue {
border-color: transparent transparent transparent #0000ff;
}
/* 設置每個小三角形的位置 */
.triangle1 {
top: 0;
left: 0;
}
.triangle2 {
top: 0;
right: 0;
}
.triangle3 {
bottom: 0;
left: 0;
}
.triangle4 {
bottom: 0;
right: 0;
}
/* 將小三角形組合成菊花圖 */
.container {
position: relative;
width: 200px;
height: 200px;
}

通過以上CSS代碼，我們定義了小三角形的樣式和位置信息，并將其組合成菊花圖，接下來在HTML中添加代碼即可：

這樣，就能在網頁中看到一個美麗的菊花圖啦！