CSS可以用來制作各種各樣的效果，包括國旗。國旗往往需要豐富的顏色和元素，使用CSS可以輕松實現。以下是一些國旗的CSS代碼示例。

/* 法國國旗 */
.flag-france {
width: 300px;
height: 200px;
background-color: blue;
}
.flag-france .stripe {
width: 100px;
height: 200px;
background-color: white;
position: absolute;
left: 100px;
}

法國國旗由藍、白、紅三條豎杠組成。使用CSS，首先設置背景顏色，然后使用絕對定位將三條白色豎杠放在正確的位置上。

/* 日本國旗 */
.flag-japan {
width: 200px;
height: 200px;
background-color: white;
border-radius: 50%;
box-shadow: 0 0 0 22px red;
}

日本國旗一般被認為是最簡單的國旗之一。使用CSS，只需要設置圓形形狀，然后添加陰影效果即可。

/* 德國國旗 */
.flag-germany {
width: 300px;
height: 200px;
background-color: black;
}
.flag-germany .stripe {
width: 300px;
height: 66.66px;
background-color: red;
position: absolute;
top: 66.66px;
}
.flag-germany .stripe:nth-child(2) {
top: 133.32px;
}

德國國旗由黑、紅、黃三條橫杠組成。使用CSS，首先設置背景顏色，然后使用絕對定位將三條紅色橫杠放在正確的位置上。

通過以上示例，我們可以看到使用CSS制作國旗是非常簡單的。憑借CSS的強大能力，我們可以制作出各種形式、各種國家的國旗，為網站帶來更豐富的視覺效果。