文字样式面面观

来源:百度文库 编辑:神马文学网 时间:2024/04/28 02:34:22

〓〓博客知识〓〓 2008-08-16 09:50:45 阅读597 评论5   字号: 订阅

   继上节文字颜色的设置,本节我向大家介绍的是文字式样的设置。同样,在介绍前,大家先熟悉以下这几个基本代码:(1)字体加粗:你要写的文字(2)字体倾斜:你要写的文字(3)加下划线:你要写的文字(4)字号控制:你要写的文字,其中n就是你想要设置的字号。(5)字体设置:你要写的文字,其中pattern就是你想要设置的字体样式,如:黑体、宋体、隶书、华文彩云等等。
    好,现在我们就以具体的例子实践一下吧!如果你对字体的基本样式设置已经很熟悉的话,那就不用看第一点了,如果你是这方面的高手那就一点也不用看了,呵呵!一、文字基本样式的设置例1:设置文字“文字样式面面观”:字体为隶书、字号为7、加粗、加下划线、字体倾斜。
代码:

文字样式面面观


效果:文字样式面面观例2:结合我们上一节介绍的文字颜色设置给上面的文字加上色彩吧,设置文字“文字样式面面观”:字体为隶书、字号为7、加粗、加下划线、字体颜色为紫罗兰色。
代码:

文字样式面面观

效果:文字样式面面观例3:再加上文字颜色背景颜色怎么样?设置文字“文字样式面面观”:字体为华文彩云、字号为7、加粗、字体颜色为金色、字体背景颜色为靛蓝色。
代码:

文字样式面面观

效果:文字样式面面观      通过上面的实践,再怎么样的新手也应该没问题了吧。 二、文字特殊样式的设置

1、发光文字
效果:

发光文字

代码:

发光文字

其中:(1)glow 中的color是发光阴影的颜色,direction是设置发光阴影的强度。
(2)font中的 color是你所要输入的文字的颜色,size是字体的大小。

2、浮雕文字
效果:

浮雕文字

代码:

浮雕文字

其中:(1)dropshadow 中的color是浮雕阴影的颜色,positive是设置浮雕阴影的强度,offx和offy是设置浮雕的阴影和文字在X-Y方向的距离。
(2)font中的 color是你所要输入的文字的颜色,size是字体的大小。

3、阴影文字
效果:

阴影文字

代码:

阴影文字

其中:(1)shadow 中的color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offx和offy是设置阴影和文字在X-Y方向的距离。
(2)font中的 color是你所要输入的文字的颜色,size是字体的大小。

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

代码:
边框字体

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

5、倒帖文字  
效果:

倒帖文字

代码:


倒帖文字</B>



6、翻转文字  
效果:

翻转文字

代码:


翻转文字



7、文字倒影  
效果:

文字倒影 文字倒影

代码:


文字倒影

文字倒影