第一个VML网页实例(画图)

最新推荐文章于 2017-04-20 14:31:00 发布

lixiaokui11

最新推荐文章于 2017-04-20 14:31:00 发布

阅读量2.1k

点赞数

文章标签： html behavior css 网络 url ie

<HTML xmlns:v>
<HEAD>
<META http-equiv='Content-Type' content='text/html;charset=gb2312'>
<Meta name='Gemeratpr' content='网络程序员伴侣(Lshdic)2005'>
<TITLE>hello vml!!!</TITLE>
<STYLE>
v/:*{behavior:url(#default#VML);}
</STYLE>
</HEAD>
<BODY>
<b>第一个VML实例（2个OVAL圆形，1个roundrect圆矩形）：</b><p>
<v:Oval fillcolor='red' style='width:100;height:150'/>

<v:oval strokecolor=blue style="position:absolute;z-index:2;left:300;top:100;width:100;height:150"></v:oval>

<v:ROUndREct FILLCoLOr=green strokecolor=blue style=position:absolute;z-index:3;left:350;top:200;width:100;height:150;color:white;font-size:25px;>
包含<b>内容</b>
</v:roundrect>

</BODY>
</HTML>

请你务必仔细分析上边的代码，不难看出编写VML标记的高度自由性（大小写、与HTML结合、与CSS结合……）。不但支持传统HTML的2D顺序输出结构（一个对象紧跟一个对象），以及3D输出（通过CSS的样式修改position:absolute;[使对象以3D形式绝对定位]left:350;[定义对象距离页面左边多少像素]top:200;[定义对象距离页面上边多少像素]z-index:3;[定义对象的3D高度]）

PS:IE支持

lixiaokui11

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第一个VML网页实例(画图)

hello vml!!!v/:*{behavior:url(#default#VML);}第一个VML实例（2个OVAL圆形，1个roundrect圆矩形）：包含内容请你务必仔细分析上边的代码，不难看出编写VML标记的高度自由性（大小写、与HTML结合、与CSS结合……）。不但支持传统HTML的2D顺序输出结构（一个对象紧跟一个对象），以及3D输出（通过CSS的样式修改position:
复制链接

扫一扫