用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
猜你喜欢
- CSS的使用技巧 2023-02-17
- CSS: 如何让img图片自适应父元素 2022-08-05
- DIV+CSS经常用到的属性、参数及说明 2022-04-15
- BS项目中的CSS架构_仅加载自己需要的CSS 2022-04-15
- 左侧固定宽度,右侧自适应宽度的CSS布局 2022-04-15
- 门户网站构建CSS框架的规则 2022-04-15
- 指定网页的doctype解决CSS Hacking方法总结 2022-04-15
- css网页布局中注意的几个问题小结 2022-04-15
- css import与link的区别 2022-04-15
- css图片切换效果代码[不用js] 2022-04-15