加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

文字特效代码

(2007-05-04 13:44:48)
标签:

休闲

谈天说地

文化

分类: 网络技术
 

立体文字  

 

关于色彩

 

日志文字

 

东篱把酒的博客

 

文字特效代码整理

代码:
<TD height="40" valign="top" align="right">
<DIV style="BORDER-RIGHT: #ff6600 1px dashed; BORDER-TOP: #ff6600 1px dashed; BORDER-LEFT: #ff6600 1px dashed; WIDTH: 200px; BORDER-BOTTOM: #ff6600 1px dashed; TEXT-ALIGN: center"><B>文字特效代码整理</B></DIV></TD>
解释:
<TD height="40" valign="top" align="right">
TD,表格,可横向分割;
height,表格高度,40像素;
Valign,垂直方向的排列方式,top表示居顶;
align,水平方向的排列方式,right表示居右,图示中只有一个TD表格,故看不出来。
<DIV style="BORDER-RIGHT: #ff6600 1px dashed; BORDER-TOP: #ff6600 1px dashed; BORDER-LEFT: #ff6600 1px dashed; WIDTH: 200px; BORDER-BOTTOM: #ff6600 1px dashed; TEXT-ALIGN: center">
这一段是对表格内容的修饰。
Style,表示表格中内容的修饰风格;
BORDER-RIGHT: #ff6600 1px dashed;  右边框线,颜色#ff6600,线粗1个像素,dashed表示虚线。
同理,Top,Left,Bottom分别表示各位置的线的风格。
WIDTH: 200px 
表示表格内容的宽度,200像素宽。
TEXT-ALIGN: center 
表示表格内文字的align水平排列方式,center即居中。


投射阴影效果:
好像立体文字喔   

代码:
<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>好像立体文字喔&nbsp;&nbsp;&nbsp; </FONT>
解释:
Font,即修饰字体。
Style,字体的风格。
FONT-SIZE: 12pt;  字体大小,12pt。
FILTER: Shadow(color=#4A7AC9,direction=135);  字体的投影修饰,阴影部分的颜色为 #4A7AC9,投影的方向为 135度的方向。
HEIGHT: 19pt   整个投影加文字的大小,19pt。
face=Verdana color=#ffffff   文字本身的字体和文字本身的颜色,可见文字为白色。


发光文字效果
什麼顏色最好看?
什麼顏色最好看?
代码:
<FONT style="FILTER: glow(color=#FF0080,strength=3); HEIGHT: 1px" face=標楷體 color=#ffffff size=4>什麼顏色最好看?</FONT>
解释:
FILTER: glow(color=#FF0080,strength=3);    字体的发光修饰,发光部分的颜色为 color=#FF0080 ,发光的深度为 strength=3  
HEIGHT: 1px   发光的粗细,1px。
face=標楷體 color=#ffffff size=4   文字字体,颜色,大小。
日志文字
烟雨孤树博客
代码:
<FONT style="FONT-SIZE: 20pt; FILTER: glow(color=black); WIDTH: 100%; FONT-FAMILY: 华文彩云"><B>日志文字</B></FONT>
<FONT style="FONT-SIZE: 20pt; FILTER: glow(color=black); WIDTH: 100%; FONT-FAMILY: 华文彩云" color=#66cc00 size=2>烟雨孤树博客</FONT>

0

阅读 收藏 喜欢 打印举报/Report
前一篇:背景演绎
后一篇:文字特效
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有