使用css特效实现HTML旗帜效果的代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Content-Language" content="zh-cn">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>网页特效|网页特效代码(www.panpan.org)---HTML旗帜特效CSS</title>
<style>
<!--
body, table, div { font-size: 200pt; color: #008000; font-weight: bold }
-->
</style>
</head>
<body bgcolor="#6094FF">
<div style="position: absolute; top: 10; left: 167; width: 268; height: 267; z-index: 1"><span style="font-size:200pt;color:red">■</span></div>
<div style="position: absolute; top: 10; left: 284; width: 268; height: 267; z-index: 1"><span style="font-size:200pt;color:red">■</span></div>
<div style="position: absolute; top: 85; left: 232; width: 68; height: 67; z-index: 7"><span style="font-size:50pt;color:yellow">★</span></div>
<div style="position: absolute; top: 153; left: 297; width: 17; height: 16; z-index: 7"><span style="font-size:12pt;color:yellow">★</span></div>
<div style="position: absolute; top: 120; left: 316; width: 17; height: 16; z-index: 7"><span style="font-size:12pt;color:yellow">★</span></div>
<div style="position: absolute; top: 84; left: 309; width: 17; height: 17; z-index: 7"><span style="font-size:12pt;color:yellow">★</span></div>
<div style="position: absolute; top: 63; left: 278; width: 20; height: 16; z-index: 7"><span style="font-size:12pt;color:yellow">★</span></div>
<div style="position: absolute; top: 204; left: 142; width: 135; height: 267; z-index: 7"><span style="font-size:200pt;color:red">|</span></div>
<div style="position: absolute; top: 26; left: 79; width: 82; height: 80; z-index: 10"><span style="font-family: Webdings; font-size:60pt;color:white">ÿ</span></div>
</html>