在網頁設計中，我們常常需要使用CSS來畫出一些圖形，其中五星紅旗是一種常見的圖形之一。下面我們就來看看如何使用CSS來畫出五星紅旗吧。

/* 先定義紅色背景 */
.flag {
width: 300px;
height: 200px;
background-color: red;
}
/* 然后開始畫五個黃色的五角星 */
.star {
width: 0;
height: 0;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
border-bottom: 14px solid yellow;
position: absolute;
}
.star1 {
top: 10px;
left: 50px;
transform: rotate(35deg);
}
.star2 {
top: 35px;
left: 75px;
transform: rotate(120deg);
}
.star3 {
top: 35px;
left: 25px;
transform: rotate(225deg);
}
.star4 {
top: 60px;
left: 50px;
transform: rotate(305deg);
}
.star5 {
top: 60px;
left: 100px;
transform: rotate(50deg);
}
/* 最后把五個星星放到背景里 */
.flag .star {
position: absolute;
transform-origin: center;
}

通過上述CSS代碼，我們就成功畫出了一面漂亮的五星紅旗。需要注意的是，確定五角星的位置和旋轉角度是復雜的，需要耐心調試。