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>

以上就是CSS和“★”字符制做的中国国旗如何实现代码。不管你现在是一个人走在异乡的街道上始终没有找到一丝归属感，还是你在跟朋友们一起吃饭开心地笑着的时候闪过一丝落寞。不管你现在是在努力着去实现梦想却没能拉近与梦想的距离，还是你已经慢慢地找不到自己的梦想了。你都要去相信，没有到不了的明天。早安！更多关于CSS和“★”字符制做的中国国旗如何实现代码请关注haodaima.com其它相关文章！

全站频道

大家都在搜索：