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> <div> <div>★</div> <div>★</div> <div>★</div> <div>★</div> <div>★</div> </div> </div>

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

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

零古网

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

推荐文章

tp link无线路由器无法登录192.168.1.1怎么办？(tp link无线路由器无法登录192.168.1.1怎么办？)

巧妙插入图片,让WPS演示文字背后更精彩

wps格式刷怎么连续用？

wps word表格线条粗细怎么设置 wps Word设置表格线条粗细的方法

泰拉瑞亚电脑版怎么下载？

阅读排行

阿里视频网址是什么 TBO视频网站上线时间

电脑通过IIS访问svc出错无法提供网页怎么解决?

WPS PPT文本框输入文字如何自动换行 WPS PPT文本框输入文字自动换行的设置方法

y480怎么u盘重装系统 y480装win7

WPS中Excel怎么计算数据的算术平方根

怎么删除无用的注册表怎么删除不用的注册表

剪映怎么单独导出音频电脑版剪映导出音频的方法

为什么输入192.168.1.1显示的是移动(输入192.168.1.1出现中国电信)

车载U盘怎么恢复车载u盘吧

?Word图片居中后仍然偏右怎么办 Word文档让图片居中时在正中间的方法教程

零古网

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

推荐文章

tp link无线路由器无法登录192.168.1.1怎么办？(tp link无线路由器无法登录192.168.1.1怎么办？)

巧妙插入图片,让WPS演示文字背后更精彩

wps格式刷怎么连续用？

wps word表格线条粗细怎么设置 wps Word设置表格线条粗细的方法

泰拉瑞亚电脑版怎么下载？

阅读排行

阿里视频网址是什么 TBO视频网站上线时间

电脑通过IIS访问svc出错无法提供网页怎么解决?

WPS PPT文本框输入文字如何自动换行 WPS PPT文本框输入文字自动换行的设置方法

y480怎么u盘重装系统 y480装win7

WPS中Excel怎么计算数据的算术平方根

怎么删除无用的注册表 怎么删除不用的注册表

剪映怎么单独导出音频 电脑版剪映导出音频的方法

为什么输入192.168.1.1显示的是移动(输入192.168.1.1出现中国电信)

车载U盘怎么恢复 车载u盘吧

?Word图片居中后仍然偏右怎么办 Word文档让图片居中时在正中间的方法教程

怎么删除无用的注册表怎么删除不用的注册表

剪映怎么单独导出音频电脑版剪映导出音频的方法

车载U盘怎么恢复车载u盘吧