今天是:

 

 
最新热门教程
普通教程 Photoshop 水墨画…
普通教程 Flash 钢笔工具转…
普通教程 Flash中声音的压…
普通教程 蓝色人物绘制教程
最新推荐教程

推荐教程 大图片如何缩小减…
推荐教程 超强鼠绘手绘教程…
推荐教程 一图五抠抠图的精…
推荐教程 一图五抠精典教程…

相关文章
HTML常用字体代码
CSS制作的特效文字
第十二课 头元素标志
第十一课 表单标志
第十课 框架标志
第九课 表格标志
第八课 图形标志
第七课 超链接标志
第六课 剖析URL
第五课 常用的属性和标志(清…

您现在的位置: 云馨小筑 >> 教程 >> 网页教程 >> HTML教程 >> 教程正文
【字体:
 [组图]HTML标签做帖攻略__文字设制            ★★★
HTML标签做帖攻略__文字设制
http://www.wuqy.com  作者:佚名    教程来源:网络    点击数:    更新时间:2006-8-30

文字设制
一,文字基本设制
基本代码如下:
<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>
align=center 表示字体居中,可选值为居右(right)居左(left)
color=颜色代码 具体颜色代码可参照:颜色选取<<点击查看
face=字体 常用字体为:宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等
size=字体大小,这里的最大值为7 取值越大文字就越大
二,大字体文字
效果
html标签做贴攻略
代码:
<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>
font:40pt 数值越大文字就越大。
三,移动文字设置:
基本代码1:
<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>
说明:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)
基本代码2:
<marquee behavior=移动效果>插入文字</marquee>
说明:
behavior=scroll 一圈一圈绕着走 
behavior=slide
只走一次 behavior=alternate 来回走
停停走走:
效果如:
html标签做贴攻略代码如下:
<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>
四,文字特效显示:
效果一:
html标签做贴攻略
原代码:
<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>html标签做贴攻略</B></FONT></CENTER>
效果二:
html标签做贴攻略
原代码:
<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>html标签做贴攻略</B></FONT></CENTER>
效果三:
html标签做贴攻略
原代码:
<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px">html标签做贴攻略</FONT></CENTER>
效果四:


html标签做贴攻略


原代码:
<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460<IMG src=/wljc/UploadFiles_5029/200608/20060830201936701.gif><FONT color=red face=楷体_gb2312 size=7>html标签做贴攻略</FONT></MARQUEE></MARQUE></MARQUEE>
效果五:

欢迎你朋友


友朋你迎欢


原代码:
<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>友朋你迎欢</MARQUEE></FONT></FONT>
注明:在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width的取值。
效果六:
html标签做贴攻略
原代码:
<P align=center><FONT style="BACKGROUND-COLOR: #0099ff" color=#00ffff size=6>html标签做贴攻略</FONT></P>
效果七:
html标签做贴攻略
原代码:
<P align=center><FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>html标签做贴攻略</B></FONT></P>
说明:opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。而width:100%则表示参与渐变的对象的宽度,通常都设置为100%。
效果八:
html标签做贴攻略
原代码:
<P align=center><FONT style="FONT-SIZE:30pt;filter:dropshadow(color=#0099ff,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:#ff6600;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>html标签做贴攻略</B></FONT></P>
效果九:
html标签做贴攻略
原代码:<FONT style="FONT-SIZE:30pt;filter:FlipV(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>html标签做贴攻略</B></FONT>
效果十:
html标签做贴攻略


原代码:<p align=right><FONT style="FONT-SIZE:30pt;filter:FlipH(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>html标签做贴攻略</B></FONT></p>
FlipV产生上下变换,FlipH产生左右变换。
效果十一:




原代码:<FONT style="FONT-SIZE:30pt;filter:wave(add=0,lightstrength=50,strength=5,freq=3,phrase=20);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>html标签做贴攻略</B></FONT>
add属性:布尔型,0或1,0表示将原始对象加入最后效果中,1则反之;
freq属性:决定显示的频率,即应出现多少个波形;
phrase属性:决定波形的形状,值取0至360之间;
strength属性:决定波形的振幅。
效果十二:
html标签做贴攻略



原代码:<P align=center><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=汉鼎繁随意 size=6>html标签做贴攻略</FONT><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 汉鼎繁中变" size=6></FONT><FONT color=#ff00ff> </FONT></P>

教程录入:cxff    责任编辑:cxff 
  • 上一篇教程:

  • 下一篇教程:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
     高级搜索

    | 设为首页 | 加入收藏 | 联系站长  | 友情链接 | 站内导航  |

    滇ICP备05007097号(1024*768)
    ★云馨小筑版权所有★站长:云儿★