注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

乘成休闲吧

聆听天籁之音,共享情趣人生。

 
 
 

日志

 
 

文字样式面面观  

2008-08-16 09:50:45|  分类: 〓〓博客知识〓〓 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
   继上节文字颜色的设置,本节我向大家介绍的是文字式样的设置。同样,在介绍前,大家先熟悉以下这几个基本代码:
(1)字体加粗:<STRONG>你要写的文字</STRONG>
(2)字体倾斜:<EM>你要写的文字</EM>
(3)加下划线:<U>你要写的文字</U>
(4)字号控制:<FONT SIZE=n>你要写的文字</FONT>,其中n就是你想要设置的字号。
(5)字体设置:<FONT FACE=pattern>你要写的文字</FONT>,其中pattern就是你想要设置的字体样式,如:黑体、宋体、隶书、华文彩云等等。

    好,现在我们就以具体的例子实践一下吧!如果你对字体的基本样式设置已经很熟悉的话,那就不用看第一点了,如果你是这方面的高手那就一点也不用看了,呵呵!
一、文字基本样式的设置
例1:设置文字“文字样式面面观”:字体为隶书、字号为7、加粗、加下划线、字体倾斜。
代码:<P><FONT face=隶书 size=7><STRONG><U><EM>文字样式面面观</EM></U></STRONG></FONT></P>
效果:文字样式面面观
例2:结合我们上一节介绍的文字颜色设置给上面的文字加上色彩吧,设置文字“文字样式面面观”:字体为隶书、字号为7、加粗、加下划线、字体颜色为紫罗兰色。
代码:<P><FONT face=幼园 color=#800080 size=7><STRONG><U>文字样式面面观</U></STRONG></FONT></P>
效果:文字样式面面观
例3:再加上文字颜色背景颜色怎么样?设置文字“文字样式面面观”:字体为华文彩云、字号为7、加粗、字体颜色为金色、字体背景颜色为靛蓝色。
代码:<P><FONT style=" BACKGROUND-COLOR: #333399" face=华文彩云 color=#ffcc00 size=7><STRONG>文字样式面面观</STRONG></FONT></P>
效果:文字样式面面观
      通过上面的实践,再怎么样的新手也应该没问题了吧。
 
二、文字特殊样式的设置

1、发光文字
效果:

发光文字

代码:
<TABLE style="FILTER: glow(color=#6699FF,direction=3)"><FONT face=幼园 color=#ffffff size=40pt >发光文字</FONT></TABLE>
其中:1glow 中的color是发光阴影的颜色,direction是设置发光阴影的强度。
2font中的 color是你所要输入的文字的颜色,size是字体的大小。

2
、浮雕文字
效果:

浮雕文字

代码:
<TABLE style="FILTER: dropshadow(color=#6699FF, offx=3, offy=3, positive=1)"><FONT  size=40pt face=黑体 color=#000080 >浮雕文字</FONT></TABLE>
其中:1dropshadow 中的color是浮雕阴影的颜色,positive是设置浮雕阴影的强度,offxoffy是设置浮雕的阴影和文字在X-Y方向的距离。
2font中的 color是你所要输入的文字的颜色,size是字体的大小。

3
、阴影文字
效果:

阴影文字

代码:
<TABLE style="FILTER: shadow(color=#6699FF, offx=3, offy=3, positive=1)"><FONT  color=#ffcc00 size=40pt >阴影文字</FONT></TABLE>
其中:1shadow 中的color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offxoffy是设置阴影和文字在X-Y方向的距离。
2font中的 color是你所要输入的文字的颜色,size是字体的大小。

4
、边框字体  
效果:
边框字体

代码:
<FONT style="BORDER-COLOR: #ff0000; BORDER-STYLE: outset;" color=#02b452 size=40pt >边框字体</FONT>

其中:BORDER-COLOR:设置边框颜色; BORDER-STYLE: 设置边框的样式,如:double为:双线;groove为:3D凹槽状;dotted为:点线 inset为:3D内嵌边框;outset为:3D外嵌边框;ridge 为:3D凸脊状;dashed为:虚线;solid为:实线。

5
倒帖文字  
效果:

倒帖文字

代码:
<P align=center>
<TABLE style="FILTER: FlipH(color=green)"><FONT face=
黑体 color=red size=50><B>倒帖文字</B></FONT></TABLE></P>

6
翻转文字  
效果:

翻转文字

代码:
<P align=center>
<TABLE style="FILTER: FlipV(color= red)"><FONT face=
黑体 color= green size=50><B>翻转文字</B></FONT> </TABLE></P>

7
文字倒影  
效果:

文字倒影
文字倒影

代码:
<P align=center>
<TABLE><FONT face=
华文新魏 color=blue size=30><B>文字倒影</B></FONT> </TABLE>
<TABLE style="FILTER: FlipV"><FONT face=
华文新魏 color=#666699 size=30><B><EM>文字倒影</EM></B></FONT></TABLE></P> 

 
  评论这张
 
阅读(1774)| 评论(5)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017