Celeste :: 深蓝世纪 :: 技术专区

Welcome to Celesteteam CeTech!

« 教你如何自动切换你的站点CSS风格网页设计CSS布局案例:上中下三行 中间自适应 »

CSS发烧友的作品---CSS制作国旗

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>


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>


CSS代码

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新留言

最近发表

Powered By Z-Blog 1.6 Final Build 60816

关于我们 | 服务项目 | 客户案例 | 联系我们 :: Copyright @ Celesteteam.com