手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >ShapeType给VML制作模版
ShapeType给VML制作模版
摘要:VML的这个功能很有用,模版,顾名思义,它可以减少书写代码的量,又使的代码可读性提高。在理解VML模版的时候,可以和HTML的CSS一样理解...

VML的这个功能很有用,模版,顾名思义,它可以减少书写代码的量,又使的代码可读性提高。在理解VML模版的时候,可以和 HTML 的 CSS 一样理解,它是定义好的一种形状,下次使用的时候直接声明 type 属性就可以了。看看下面的例子:

<v:shapetype id="arrowUP" coordsize="6 6"> <>

<v:path v="m 3,0 l 0,6,6,6,3,0 x e" />

</v:shapetype>

<v:shapetype id="arrowDown" coordsize="6 6"> <>

<v:path v="m 0,0 l 3,6,6,0,0,0 x e" />

</v:shapetype>

定义好上面的模版后,以后就可以直接调用了:

<v:shape type="#arrowUP"/>

<v:shape type="#arrowDown"/>

<v:shape fillcolor=blue type="#arrowDown" />

不知道大家有没有注意到,VML里面对“,”使用不强制的,你可以使用 coordsize="6,6" 也可以使用 coordsize="6 6" ,效果是一样的。

【ShapeType给VML制作模版】相关文章:

CSS UL LI布局实现表格效果

Div+CSS网页制作误区

网页制作CSS样式九条技巧

CSS 制作的三级菜单特效代码

css网页制作实用技巧9则

用css实现十字的布局示例代码

CSS+DIV制作页面圆角效果

把网页变灰色兼容各种浏览器

由浅入深漫谈margin属性

实用CSS技巧及常见问题

上一篇: Group容器
精品推荐
分类导航