CSS和“★”字符制做的中国国旗实现代码

ttx9n · 发表于 2009-10-27 13:57:31

CSS实例用CSS和“★”字符制做的中国国旗，向祖国60周年献礼在网上看见某位牛人用CSS做的红旗就是很牛！
上图先看：
CSS红旗

<html> 
<head> 
<title>CSS中国国旗</title> 
<style type="text/css"> 
.all{ 
background-color:red; 
width:960; 
height=640; 
} 
.five{ 
background-color:red; 
width:480; 
height=320; 
} 
.big{ 
position:absolute; 
background-color:red; 
margin-top:64px; 
margin-left:64px; 
color:yellow; 
font-size:192px; 
} 
.small{ 
position:absolute; 
background-color:red; 
color:yellow; 
font-size:64px; 
} 
.s1{ 
margin-top:32px; 
margin-left:288px; 
filter:progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.6565,M12=0.7543,M21=-0.7543,M22=0.6565); 
} 
.s2{ 
margin-top:96px; 
margin-left:352px; 
filter:progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.8978,M12=0.4404,M21=-0.4404,M22=0.8978); 
} 
.s3{ 
margin-top:192px; 
margin-left:352px; 
filter:progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.9994,M12=0.0359,M21=-0.0359,M22=0.9994); 
} 
.s4{ 
margin-top:256px; 
margin-left:288px; 
filter:progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.9357,M12=-0.3528,M21=0.3528,M22=0.9357); 
} 
</style> 
</head> 
<body> 
<div class="all"> 
<div class="five"> 
<div class="big">★</div> 
<div class="small s1">★</div> 
<div class="small s2">★</div> 
<div class="small s3">★</div> 
<div class="small s4">★</div> 
</div> 
</div> 
</body> 
</html> 
第2种代码，全部镶嵌在“<body>..</body>”网页标签里： 
<div style="background-color:red;width:960;height=640;"> 
<div style="background-color:red;width:480;height=320;"> 
<div style="z-index:2;position:absolute;background-color:red;margin-top:64px;margin-left:64px;color:yellow;font-size:192px;">★</div> 
<div style="z-index:2;position:absolute;background-color:red;margin-top:32px;margin-left:288px;color:yellow;font-size:64px;filter:progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.6565,M12=0.7543,M21=-0.7543,M22=0.6565);">★</div> 
<div style="z-index:2;position:absolute;background-color:red;margin-top:96px;margin-left:352px;color:yellow;font-size:64px;filter:progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.8978,M12=0.4404,M21=-0.4404,M22=0.8978);">★</div> 
<div style="z-index:2;position:absolute;background-color:red;margin-top:192px;margin-left:352px;color:yellow;font-size:64px;filter:progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.9994,M12=0.0359,M21=-0.0359,M22=0.9994);">★</div> 
<div style="z-index:2;position:absolute;background-color:red;margin-top:256px;margin-left:288px;color:yellow;font-size:64px;filter:progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.9357,M12=-0.3528,M21=0.3528,M22=0.9357);">★</div> 
</div> 
</div>

提示：您可以先修改部分代码再运行

6hruhg · 发表于 2022-8-19 22:10:04

这个源码不错啊

kwa3hgmjp · 发表于 2022-12-2 08:37:51

激动人心，无法言表！

回复用户5 · 发表于 2023-1-11 00:54:57

借款金额看了就立刻

feiyasqhr · 发表于 2023-1-13 09:19:50

儿童服务绯闻绯闻绯闻

kwa3hgmjp · 发表于 2023-2-19 16:06:52

天天源码社区论坛

shw5ovr · 发表于 2023-3-12 07:32:13

人都不在了啊啊

95nd4ba · 发表于 2023-10-21 01:37:01

谢谢您的分享！

z80vh · 发表于 2024-4-5 19:13:41

啦啦啦啦啦啦哈哈哈

idy6_yus · 发表于 2024-8-31 05:58:43

66666666666

账号		自动登录	找回密码
密码			立即注册

[CSS] CSS和“★”字符制做的中国国旗实现代码

相关帖子