手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >Rect,RoundRect(矩形)对象
Rect,RoundRect(矩形)对象
摘要:用VML画矩形,必须设置,其他就没有什么特别的。在这节,顺便讲讲shadow对象和TextBox对象:RoundRect顾名思义,是圆角的矩...

用VML画矩形,必须设置,其他就没有什么特别的。在这节,顺便讲讲 shadow 对象和 TextBox对象:

<v:Rect/>

RoundRect顾名思义,是圆角的矩形,这种形状在画流程图的时候很常用,如果加上阴影,就更好看了:

<v:RoundRect>

<v:shadow on="T" type="single" color="#b3b3b3" offset="5px,5px"/>

</v:RoundRect>

在VML里面,True 和 False 可以简写成 T 和 F。Shadow 中的 offset 属性用来设置 偏移原图的 x,y 值。 on 属性用来决定是否显示阴影。在矩形中写字,要用到 TextBox 对象。TextBox 比较关键的属性是 inset(left,top,right,bottom),意思是隔图形边的上下左右多少范围内定位文字:

<v:RoundRect>

<v:shadow on="T" type="single" color="#b3b3b3" offset="5px,5px"/>

<v:TextBox inset="5pt,5pt,5pt,5pt">Hello world!</v:TextBox>

</v:RoundRect> Hello world!

当然你也可以直接插入HTML代码,比如说插入一个

<Div>Hello World!</Div>

效果是一样的。

【Rect,RoundRect(矩形)对象】相关文章:

CSS 文本渲染属性text-rendering的介绍和使用示例

CSS弄懂闭合浮动元素

ie8下不解析background属性与书写格式有关

使用Div+CSS布局设计网站的优点

CSS教程:CSS的Background Images背景图片

CSS浮动(float,clear)通俗讲解

圆形头像图标运用border属性轻松实现

纯语义化XHTML CSS设计表单方法

CSS布局入门

详解PNG图片

精品推荐
分类导航