CSS发烧友的作品---CSS制作国旗
最近在CSSBBS上看到一个CSS发烧友创作的CSS代码制作美国国旗,很是强大,我已经转帖到www.upsdihtml.com上面,顺便将代码整理了一下以便于大家的学习,看看强人是怎么玩转CSS的^_^。
好啦,咱先看一个简单的,制作我们伟大的祖国的国旗
中国国旗

<style>
.guoqi{ width:288px; height:192px; background:#FF0000; position:relative; color:#FFFF00; margin:20px auto;}
.guoqi span{display:block; position:absolute;}
.d1{ font-size:4.5em; top:20px; left:20px; }
.d2{top:10px; left:100px;}
.d3{top:35px; left:120px;}
.d4{top:70px; left:120px;}
.d5{top:95px; left:100px;}
</style>
.guoqi{ width:288px; height:192px; background:#FF0000; position:relative; color:#FFFF00; margin:20px auto;}
.guoqi span{display:block; position:absolute;}
.d1{ font-size:4.5em; top:20px; left:20px; }
.d2{top:10px; left:100px;}
.d3{top:35px; left:120px;}
.d4{top:70px; left:120px;}
.d5{top:95px; left:100px;}
</style>
HTML代码
<div class="guoqi">
<span class="d1">★</span>
<span class="d2">★</span>
<span class="d3">★</span>
<span class="d4">★</span>
<span class="d5">★</span>
</div>
<span class="d1">★</span>
<span class="d2">★</span>
<span class="d3">★</span>
<span class="d4">★</span>
<span class="d5">★</span>
</div>