Rect,RoundRect(矩形)对象

2022-04-15 0 935

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

    <v:Rect style=”position:relative;
width:100;height:50px“/>

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

    <v:RoundRect style=”position:relative;width:100;height:50px”>

    <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 style=”position:relative;width:120;height:50px”>

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

    <v:TextBox
inset=”5pt,5pt,5pt,5pt” style=”font-size:10.2pt;”>Hello world!</v:TextBox>

    </v:RoundRect> Hello world!

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

<Div style=”padding-top:5px;padding-left:5px;padding-right:5px;padding-bottom:5px”>Hello World!</Div>

效果是一样的。

免责声明:
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

NICE源码网 CSS/HTML Rect,RoundRect(矩形)对象 https://www.niceym.com/14418.html

Rect,RoundRect(矩形)对象
下一篇: Image(图像)对象