用VML技术做成的漂亮的女孩的脸

<HTML xmlns:v="urn:schemas-microsoft-com:vml">
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>用VML技术做成的漂亮的女孩的脸,看了会让你动心的</TITLE>
</HEAD>
<BODY >

<center><font color=red face="隶书" size=6>VML赏析七</font></center>
<BR>
<STYLE>
 v\:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<v:Arc filled="False" strokeweight="2pt" style="position:absolute; width:220; height:100; left:50; top:50" StartAngle="-40" EndAngle="30"/>
<v:Arc filled="False" strokeweight="2pt" style="position:absolute; width:220; height:100; left:250; top:50" StartAngle="-30" EndAngle="40"/>

<v:Arc filled="False"  style="position:absolute; width:120; height:100; left:100; top:65" StartAngle="-55" EndAngle="45"/>
<v:Arc filled="False"  style="position:absolute; width:120; height:100; left:305; top:65" StartAngle="-45" EndAngle="55"/>

<v:Arc filled="False" strokeWeight="2pt"  style="position:absolute; width:120; height:100; left:100; top:75" StartAngle="-55" EndAngle="45"/>
<v:Arc filled="False" strokeWeight="2pt"  style="position:absolute; width:120; height:100; left:305; top:75" StartAngle="-45" EndAngle="55"/>

<v:Oval  FillColor="#000000"  style="position:absolute; width:40; height:40; left:139; top:75" />
<v:Oval  FillColor="#000000"  style="position:absolute; width:40; height:40; left:349; top:75" />

<v:Oval  FillColor="#FFFFFF"  style="position:absolute; width:10; height:10; left:147; top:79" />
<v:Oval  FillColor="#FFFFFF"  style="position:absolute; width:10; height:10; left:357; top:79" />


<v:Arc filled="False"  style="position:absolute; width:120; height:100; left:100; top:15" StartAngle="-150" EndAngle="-210"/>
<v:Arc filled="False"  style="position:absolute; width:120; height:100; left:305; top:15" StartAngle="-210" EndAngle="-150"/>

<v:polyline filled="False"  points="220,60 225,100 215,220 218,228 230,240 250,238" style="position: absolute">
<v:stroke dashstyle="Dot"/>
<v:polyline/>


</BODY></HTML>


 <!-- 要实现此效果需要 2个步骤: -->

<!-- 第 1 步: -->

在<html>标记中加上以下声明:
xmlns:v="urn:schemas-microsoft-com:vml"

即:

<html xmlns:v="urn:schemas-microsoft-com:vml">


<!-- 第 2 步: -->
<!-- 把下面的代码加到<BODY></BODY>区域中: -->

<center><font color=red face="隶书" size=6>VML赏析七</font></center>
<BR>
<STYLE>
v\:* { BEHAVIOR: url(#default#VML) }
</STYLE>
<v:Arc filled="False" strokeweight="2pt" style="position:absolute; width:220; height:100; left:50; top:50" StartAngle="-40" EndAngle="30"/>
<v:Arc filled="False" strokeweight="2pt" style="position:absolute; width:220; height:100; left:250; top:50" StartAngle="-30" EndAngle="40"/>

<v:Arc filled="False" style="position:absolute; width:120; height:100; left:100; top:65" StartAngle="-55" EndAngle="45"/>
<v:Arc filled="False" style="position:absolute; width:120; height:100; left:305; top:65" StartAngle="-45" EndAngle="55"/>

<v:Arc filled="False" strokeWeight="2pt" style="position:absolute; width:120; height:100; left:100; top:75" StartAngle="-55" EndAngle="45"/>
<v:Arc filled="False" strokeWeight="2pt" style="position:absolute; width:120; height:100; left:305; top:75" StartAngle="-45" EndAngle="55"/>

<v:Oval FillColor="#000000" style="position:absolute; width:40; height:40; left:139; top:75" />
<v:Oval FillColor="#000000" style="position:absolute; width:40; height:40; left:349; top:75" />

<v:Oval FillColor="#FFFFFF" style="position:absolute; width:10; height:10; left:147; top:79" />
<v:Oval FillColor="#FFFFFF" style="position:absolute; width:10; height:10; left:357; top:79" />


<v:Arc filled="False" style="position:absolute; width:120; height:100; left:100; top:15" StartAngle="-150" EndAngle="-210"/>
<v:Arc filled="False" style="position:absolute; width:120; height:100; left:305; top:15" StartAngle="-210" EndAngle="-150"/>

<v:polyline filled="False" points="220,60 225,100 215,220 218,228 230,240 250,238" style="position: absolute">
<v:stroke dashstyle="Dot"/>
<v:polyline/>

效果:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值