首页 | 博客群 | 公社 | 专栏 | 论坛 | 图片 | 资讯 | 注册 | 帮助 | 博客联播 | 随机访问
HTML标签做帖攻略__帖图格式- -| 回首页 | 2005年索引 | - -HTML标签做帖攻略__一些常用特效

HTML标签做帖攻略__文字设制

                                      

 

文字设制

一,文字基本设制
基本代码如下:
<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=http://myroom.blogdriver.com/myroom/pic/web031.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>

HTML标签做贴攻略


(来源:网络 编辑:邻居)

【作者: 邻居】【访问统计:】【2005年05月18日 星期三 15:24】【注册】【打印

搜索

Google

Trackback

你可以使用这个链接引用该篇文章 http://publishblog.blogchina.com/blog/tb.b?diaryID=1567887

回复

- 评论人:亞の馬セ遜   2007-06-16 15:43:22   

1111

- 评论人:木恩   2006-12-10 16:28:00   

你的帖子很好啊!可是鼠标的形状是怎么弄的?可以说说吗?
答:参见CSS鼠标代码,将代码加到你的网页里就可以了

- 评论人:紫冰天使   2006-10-29 06:45:31   

谢谢,我用了,好高兴,有空来坐

- 评论人:韩涵   2006-10-11 19:02:44   

文字特效,效果一字体发帖后的实效没有上面的那样棒

- 评论人:无名   2006-07-06 23:30:22   

〈 =:40 =新宋体 =#0000〉偶试试〈/〉

- 评论人:yry   2006-05-16 11:23:45   

〈CENTER〉〈FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"〉〈B〉HTML标签做贴攻略〈/B〉〈/FONT〉〈/CENTER〉

- 评论人:安然若梦   2005-10-17 14:45:54   安然若梦的博客  

谢谢!我用了,很好。

验证码:   
评论内容: