CSS和“★”字符制做的中国国旗实现代码_ Div+Css教程-查字典教程网
CSS和“★”字符制做的中国国旗实现代码
CSS和“★”字符制做的中国国旗实现代码
发布时间:2016-12-27 来源:查字典编辑
摘要:在网上看见某位牛人用CSS做的红旗就是很牛!上图先看:CSS中国国旗.all{background-color:red;width:960;...

在网上看见 某位牛人用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> <div> <div>★</div> <div>★</div> <div>★</div> <div>★</div> <div>★</div> </div> </div> </body> </html> 第2种代码,全部镶嵌在“<body>..</body>”网页标签里: <div> <div> <div>★</div> <divauto expand',M11=0.6565,M12=0.7543,M21=-0.7543,M22=0.6565);">★</div> <divauto expand',M11=0.8978,M12=0.4404,M21=-0.4404,M22=0.8978);">★</div> <divauto expand',M11=0.9994,M12=0.0359,M21=-0.0359,M22=0.9994);">★</div> <divauto expand',M11=0.9357,M12=-0.3528,M21=0.3528,M22=0.9357);">★</div> </div> </div>

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

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类