VML编程之------background背景《VML极道教程》原著:沐缘华

《VML极道教程》原著:沐缘华
1章15节:background背景

1:background背景 - 详解
你也许一直在好奇，《VML极道教程》内容页面的黄、白相交的渐变背景是怎么做的？其实非常简单、我们本章节所讲的background(网页背景控制标记)，就是用来完成这项任务的。
在说明具体怎么做之前，请先对比以下几例的代码区别、勿需死记！
平行渐变填充的例子:

<HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
<div style='height:2000'></div>
<v:background fillcolor="yellow">
<v:fill type='gradient' color2="purple"/>
</v:background>

折射渐变填充的例子:

<HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
<div style='height:2000'></div>
<v:background fillcolor="white">
<v:fill type='gradientradial' color2="red"/>
</v:background>

平行渐变+角度调整的例子:

<HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
<div style='height:2000'></div>
<v:background fillcolor="white">
<v:fill angle=50 type='gradient' color2="yellow"/>
</v:background>

怎么样？第三个例子有点相近了吧？但还不是，请看下边例子平行渐变+角度调整+对比融色的例子:

OK，第四个例子终于实现了！在重新回顾一下上边四个例子，一个结论是代码都是“大同小异”。而且用到了VML二级标记 - fill(填充)，而background标记本身，只有id、fillcolor这两个通用属性，是无法实现背景渐变的，必须配合二级标记 - fill。而二级标记(fill填充处理、stroke边框处理、extrusion立体处理、等)往往跟通用属性一样，不是针对某一个一级标记(oval圆、roundrect圆矩形、line线、background背景、等)而专门设计的，而是能应用到多个一级标记，影响一级标记输出或代表的图形的图形效果。而目前还不到讲二级标记的时机，本章节只要求你简单的了解一下“二级标记”的语法，了解一下VML强大的图形效果处理功能、二级标记所拥有的丰富属性！以及知道background就是这么用的、就是这么完成网页背景颜色渐变效果的。上边的4则代码其中的<div style='height:2000'></div>可以不用，本4则例子加入它是为了加长网页的长度、更好的展示效果而用的。至于二级标记stroke边框处理、fill填充处理等，将在以后的章节里一一详尽讲解。待你以后会了，在回过头来将二级标记应用到一级标记中，实现各种图形处理效果。

转载于:https://www.cnblogs.com/GeneralXU/archive/2007/05/29/763237.html

VML编程之------background背景《VML极道教程》原著:沐缘华相关推荐

VML编程之------VML语言入门《VML极道教程》原著:沐缘华
<VML极道教程>原著:沐缘华 1章4节:VML语言入门 1:VML语言入门 - 极道学法在我正式开始讲解.你正式开始学习VML语言以前,请务必遵循以下规则,可以达到最佳效果.极道学习方 ...
VML编程之------oval圆rect矩型《VML极道教程》原著:沐缘华
<VML极道教程>原著:沐缘华 1章7节:oval圆rect矩型 1:oval圆与rect矩型 VML的oval和rect分别可以绘制圆形与矩形,由于这两个标记的编写方法.原理.属性基本一 ...
VML编程之------group集合容器.vmlframe图形引用 ----《VML极道教程》原著:沐缘华
VML极道教程> 原著:沐缘华 1章16节:group集合容器 1:group集合容器 - 实例讲解该标记不是用来输出某种图形的.运行时其本身也不可见,而且也没有专用属性,只有VML通用属性, ...
VML极道教程(十二) VML编程大结局
本系列文章导航 VML极道教程(一) VML介绍 VML极道教程(二) VML入门 VML极道教程(三) 标记实战与line线 VML极道教程(四) oval圆rect矩型 VML极道教程(五) Ro ...
VML极道教程(五) RoundRect圆矩型
本系列文章导航 VML极道教程(一) VML介绍 VML极道教程(二) VML入门 VML极道教程(三) 标记实战与line线 VML极道教程(四) oval圆rect矩型 VML极道教程(五) Ro ...
VML极道教程(一) VML介绍
<VML极道教程>原著:沐缘华 <VML极道教程>原著:沐缘华 1章1节:关于VML极道教程 1:何为"极道教程" -对有功底的IT精英:我用最精辟的应用. ...
建立WEB两大经典！《VML极道教程》+FlashVml(闪耀之星)3.0中/英文版联合发布！
该贴的内容,请务必字句阅读,因为这是免费赠送给所有WEBIT人的一个技术大蛋糕! 注释:以下所有的URL演示地址,因人流问题会较慢,其加载时请耐心等待,并尝试使用不同地址分流. <VML极道教程 ...
vue框架：变更页面background背景颜色 - 代码篇
vue框架:变更body,html页面background背景颜色场景bug介绍: vue页面切换,导致后面的页面背景颜色被上一个页面背景色覆盖,如何避免这个问题. Method 1. 修改 sty ...
Css background背景语法
一.Css background背景语法 - TOP CSS背景基础知识 CSS 背景这里指通过CSS对对象设置背景属性,如通过CSS设置背景各种样式. 背景语法: background: b ...
html5 搜索提示文字,HTML5网页placeholder美化input背景提示文字教程
这篇文章主要为大家详细介绍了HTML5网页placeholder美化input背景提示文字教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 今天要给大家介绍的 ...

VML编程之------background背景《VML极道教程》原著:沐缘华

VML编程之------background背景《VML极道教程》原著:沐缘华相关推荐

最新文章

热门文章