首页
站长资源
网络推广
建站知识
免费源码
网络编程
模板素材
奇闻怪事
民俗文化
主页
/
网站建设
/
CSS和“★”字符制做的中国国旗实现代码
网站建设
2021-07-03 08:42
www.dzhlxh.cn
网站建设
在网上看见 某位牛人用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>
提示:您可以先修改部分代码再运行
上一篇:
基于firebug的firefox扩展 css usage
下一篇:
优秀的CSS 框架整理
网站设计
商城网站建设怎样建
免费制作自己的网站
企业网站建设的一般要素
如何搭建自己的网站
网站建设的主要工作流程
开发一个网站的过程是什么
如何创建一个自己的网站
网站栏目名称
时间同步服务器地址
移动端手机网站制作
百度k站:百度K站的原因
可外链网盘:支持外链的网盘有哪些
百度指数会员:如何利用百度指数会员
电信虚拟主机:电信虚拟主机的优势
穷站长:搜索引擎优化是提高网站流量的方法
常德网站建设公司:常德网站建设多少钱
金源码搜索
金源码导航
免费网站源码
商城网站建设怎样建
免费制作自己的网站
企业网站建设的一般要素
如何搭建自己的网站
网站建设的主要工作流程
网站模板下载
1
败笔网络安全技术
2
ai怎么调整画板顺序? ai设置画板顺序的教程
3
南宁企业建站
4
网络安全第五空间
5
网页设计制作详细流程
网站建设
CDR制作炫酷的立体三维线条
MAYA游戏角色建模的快速方法介绍
草根站长做行业站的一些经验之谈
天猫魔盒 M11 青春版首拆评测
cdr怎么使用钢笔与交互式填充绘制蝴蝶?