|
| 二、HTML相关术语： |
|
TABLE 标签是一个容器标记:<table>...</table>
P 标签定义段落容器标记:<p>...</p>
DIV标签严格的组织容器标记:<div>...</div>
filter:alpha（允许您设置元素的透明度）
语法：
filter:alpha(opacity=20,finishopacity=100,style=1,startx=0,starty=0,finishx=140,finishy=270)
opacity 属性定义整个元素的透明值，选值0-100，0是完全透明，100是不透明。
finishopacity用来设置结束时的透明度，以达到渐变效果。取值范围也是0-100。
style指渐变类型，0是无变化，1是线行渐变，2是放射渐变，3是X型渐变。
StartX和StartY是渐变效果开始坐标（代表渐变效果开始的X与Y坐标）
FinishX与FinishY是渐变效果结束坐标（代表渐变效果结束时的横纵坐标了）
size 属性定义的是以像素为单位的输入字段宽度。
font 规定文本的字体、字体尺寸、字体颜色。<font>...</font>
font-size 属性可设置字体的尺寸。该属性设置元素的字体大小。注意，实际上它设置的是字体中字符框的高度；实际的字符字形可能比这些框高或矮（通常会矮）。
color颜色值。
|
| 三、基本代码： |
TABLE 标签基本代码：
<TABLE style="filter:alpha(opacity=开始透明值,finishopacity=结束透明值,style=渐变类型,startx=开始的X坐标,starty=开始的Y坐标,finishx=结束X坐标,finishy=结束的Y坐标)"><TR><TD><FONT color=颜色值 size=字体大小值>渐变文字效果</FONT></TD></TR></table>
P 标签基本代码：
<P style="FONT-SIZE: 18pt; filter:alpha(opacity=开始透明值,finishopacity=结束透明值,style=渐变类型,startx=开始的X坐标,starty=开始的Y坐标,finishx=结束X坐标,finishy=结束的Y坐标); WIDTH: 文本框宽度px; COLOR: 颜色值; HEIGHT: 文本框高度px" FONT>渐变文字效果</FONT></P>
DIV 标签基本代码：
<DIV style="filter:alpha(opacity=开始透明值,finishopacity=结束透明值,style=渐变类型,startx=开始的X坐标,starty=开始的Y坐标,finishx=结束X坐标,finishy=结束的Y坐标); WIDTH: 文本框宽度px; COLOR: 颜色值; HEIGHT:文本框高度px"><FONT size=字体大小值>渐变文字效果</FONT></DIV> |
| 四、设置示例： |
| 1、设置代码参数说明 |
|
字体颜色值:
color=#4a7ac9
字体文本框大小值：
在TABLE 标签、DIV标签内相同size=5（在DIV标签内HEIGHT: 35px设置了文本框的高度、设置了文本框宽度WIDTH: 155px）
在P 标签内font-size:18pt （实际设置了字体中字符框的高度）、设置文本框的高度HEIGHT:20pt、设置了文本框宽度WIDTH:149px
设置的透明值：
开始透明值opacity=20
结束透明值finishopacity=100
代码如下：
TABLE 标签代码：
<TABLE style="filter:alpha(opacity=20,finishopacity=100,style=1,startx=0,starty=0,finishx=140,finishy=270)"><TR><TD><FONT
color=#4a7ac9 size=5>渐变文字效果</FONT></TD></TR></table>
P 标签基本代码：
<P style="FONT-SIZE: 18pt; filter:alpha(opacity=20,finishopacity=100,style=1,startx=0,starty=0,finishx=140,finishy=270); WIDTH: 149px; COLOR: #4a7ac9; HEIGHT: 20pt" FONT>渐变文字效果</FONT></P>
DIV标签基本代码：
<DIV style="filter:alpha(opacity=20,finishopacity=100,style=1,startx=0,starty=0,finishx=140,finishy=270); WIDTH: 155px; COLOR: #4a7ac9; HEIGHT:35px"><FONT size=5>渐变文字效果</FONT></DIV>
|
| 2、代码演示示例 |
|
TABLE 标签代码：
opacity=20,finishopacity=100时
<TABLE style="filter:alpha(opacity=20,finishopacity=100,style=1,startx=0,starty=0,finishx=140,finishy=270)"><TR><TD><FONT color=#4a7ac9 size=5>渐变文字效果</FONT></TD></TR></table>
opacity=100,finishopacity=20时
<TABLE style="filter:alpha(opacity=100,finishopacity=20,style=1,startx=0,starty=0,finishx=140,finishy=270)"><TR><TD><FONT color=#4a7ac9 size=5>渐变文字效果</FONT></TD></TR></table>
P 标签代码：
opacity=20,finishopacity=100时
<P style="FONT-SIZE: 18pt; filter:alpha(opacity=20,finishopacity=100,style=1,startx=0,starty=0,finishx=140,finishy=270); WIDTH: 149px; COLOR: #4a7ac9; HEIGHT: 20pt" FONT>渐变文字效果</FONT></P>
渐变文字效果
opacity=100,finishopacity=20时
<P style="FONT-SIZE: 18pt; filter:alpha(opacity=100,finishopacity=20,style=1,startx=0,starty=0,finishx=140,finishy=270); WIDTH: 149px; COLOR: #4a7ac9; HEIGHT: 20pt" FONT>渐变文字效果</FONT></P>
渐变文字效果
DIV 标签代码：
opacity=20,finishopacity=100时
<DIV style="filter:alpha(opacity=20,finishopacity=100,style=1,startx=0,starty=0,finishx=140,finishy=270); WIDTH: 155px; COLOR: #4a7ac9; HEIGHT:35px"><FONT size=5>渐变文字效果</FONT></DIV>
渐变文字效果
opacity=100,finishopacity=20时
<DIV style="filter:alpha(opacity=100,finishopacity=20,style=1,startx=0,starty=0,finishx=140,finishy=270); WIDTH: 155px; COLOR: #4a7ac9; HEIGHT:35px"><FONT size=5>渐变文字效果</FONT></DIV>
渐变文字效果
|
| |
|
