各种彩色字体及代码_游侠电脑博客

http://blog.sina.com.cn/u/1730409803

首页博文目录关于我

个人资料

微博

加好友发纸条

写留言加关注

博客等级：
博客积分：

博客访问：
关注人气：
获赠金笔：0支
赠出金笔：0支
荣誉徽章：

正文字体大小：大中小

各种彩色字体及代码

(2011-04-13 10:19:29)

标签：

华文

代码

行楷

gb2312

黑体

杂谈

分类：博客运用

<<<<<<<<<<<<<<<游侠电脑博客 >>>>>>>>>>>>>>>

代码：

<DIV align=center>
<MARQUEE width="15%" scrollAmount=3><FONT style="FONT-FAMILY: 楷体_GB2312, 楷体; FONT-SIZE: 32px" color=#ff0000><STRONG><<<<<<<<<<<<<<<</STRONG></FONT></MARQUEE><FONT style="FONT-FAMILY: 楷体_GB2312, 楷体; FONT-SIZE: 32px" color=#ffff33><STRONG>游侠电脑博客</STRONG></FONT>
<MARQUEE direction=right width="15%" scrollAmount=3><FONT style="FONT-FAMILY: 楷体_GB2312, 楷体; FONT-SIZE: 32px" color=#ff0000><STRONG>>>>>>>>>>>>>>>></STRONG></FONT></MARQUEE></DIV>

欢迎光临游侠电脑博客客博脑电侠游临光迎欢

代码：

<P align=center><FONT color=#00FF00 size=7 face=隶书>
<MARQUEE height=60 width=300>欢迎光临游侠电脑博客</FONT></MARQUEE><FONT color=#00FF00 size=7 face=隶书>
<MARQUEE direction=right height=60 width=300>客博脑电侠游临光迎欢</MARQUEE></FONT></FONT></P>

注意：在用这种效果时，文字移动范围的宽width的取值很重要，两段文字移动范转的width取值和一定要小于背景层width的取值。

欢迎光临游侠电脑博客

代码：

<P align=center><FONT style="FILTER: shadow(color=black,direction=180); LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文行楷; COLOR: red; FONT-SIZE: 30pt"><B>欢迎光临游侠电脑博客</B></FONT></P>
注:
color属性：阴影颜色；
direction属性：阴影角度，值取0至360度。

游侠电脑博客欢迎您

代码：

<DIV align=center>
<DIV style="FILTER: shadow(color=#FF0000, strength=150); WIDTH: 580px; FONT-SIZE: 80pt">
<CENTER><STRONG><FONT color=#660099><FONT face=华文新魏><FONT size=10><FONT color=#0fff00 face=隶书><B>游侠电脑博客欢迎您</B></FONT></FONT></FONT></FONT></STRONG></CENTER>
<DIV align=left><BR><BR></DIV></DIV></DIV>
<DIV></DIV>

欢迎光临游侠电脑博客

代码：

<DIV align=center>
<DIV style="FILTER: shadow(color=#FF0000, strength=60); WIDTH: 480px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 35pt; FONT-WEIGHT: normal" color=#ffffff face=华文彩云>欢迎光临游侠电脑博客<BR><BR></FONT></DIV></DIV>

您的光临就是对本博客最大的支持

代码：

<DIV align=center>
<DIV style="FILTER: glow(color=#c299ff, strength=60); WIDTH: 600px; HEIGHT: 190px"><FONT color=#8a2be2 size=6 face=隶书><B><BR>您的光临就是对本博客最大的支持</B></FONT></DIV><BR></DIV>

游侠电脑博客

代码：

<DIV align=center><FONT style="FILTER: shadow(color=green); LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文彩云; COLOR: white; FONT-SIZE: 40pt"><B>游侠电脑博客</B></FONT> </DIV>

写字位置

代码：<P align=center><STRONG><FONT color=#660099><FONT face=华文新魏><FONT size=10>写字位置</FONT></FONT></FONT></STRONG></P>

写字位置

代码：

写字位置

代码：

写字位置

代码：

欢迎光临游侠电脑博客

代码:

<P align=center><BR>
<TABLE cellSpacing=0 cellPadding=0 align=center
background=http://s11/middle/6723f54bgbe3dd743af4a&690>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE height=192 align=center background=http://s5/middle/6723f54bgbe3dcdb6af94&690 weight="400">
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal;
FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#336699><B>欢迎光临游侠电脑博客</B></FONT></TD></TR></TBODY></TABLE></TR></TBODY></P>

立体背景文字

代码：

<DIV align=center>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow
(color:#6633FF,direction:145,strength:25)">
<TBODY>
<TR>
<TD bgColor=#ff3333 vAlign=center align=middle><FONT style="FONT-FAMILY: 隶书; COLOR: #ffff00; FONT-SIZE: 30pt"><B>立体背景文字</B></FONT>
<DIV></DIV></TD></TR></TBODY></TABLE></DIV>

游侠电脑博客欢迎朋友们来访

代码：

<DIV align=center>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow
(color:#ccff00,direction:145,strength:25)">
<TBODY>
<TR>
<TD bgColor=#336699 vAlign=center align=middle><FONT style="FONT-FAMILY: 隶书; COLOR: #f90b46; FONT-SIZE: 30pt"><B>游侠电脑博客欢迎朋友们来访</B></FONT>
<DIV></DIV></TD></TR></TBODY></TABLE></DIV>

说明: 黄色的是字体的背景颜色, 粉色的是斜影的代码,红色的是斜影的颜色.direction:145 指的是斜影的倾斜度, strength:25 是斜影的长度.浅黄色的是字体本身的颜色.

带背景的闪光字体

代码:

<TABLE cellSpacing=0 cellPadding=0 align=center
background=http://img4.3lian.com/sucai/img4/634/lin_024.GIF >
<TBODY><TR><TD style="FILTER: chroma(color=#ff0000)"><TABLE align=center background=http://www.blog.163.com/photo/Hn2dojqDvkEtR_F1aJZDxg==/876231602500321331.jpg>
<TBODY><TR><TD align=middle><FONT style="FONT-WEIGHT: normal;
FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal"
face=华文行楷 color=#ff0000><B>带背景的闪光字体</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

说明: 红色代码是闪光字背景的地址,蓝色代码是闪光本身的地址

给爱一缕阳光

代码：

写字位置

代码：

写字位置

代码：

写字位置

代码：

写字位置

代码：

写字位置

代码：

写字位置

代码：

写字位置

代码：

写字位置

代码：

写字位置

代码：

写字位置

代码：

<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><SPAN style="FONT-SIZE: 18pt; COLOR: purple;

FONT-FAMILY: 华文行楷"><STRONG><FONT color=#000000>写字位置</FONT></STRONG></SPAN></P>

写字位置

代码：

写字位置

代码：

写字位置

代码：

写字位置

代码：

写字位置

代码：

游侠电脑博客欢迎您光临!

代码：

<P align=center><FONT color=#ff0000 size=10>游侠电脑博客欢迎您光临!</FONT></P>

写字位置

代码：

写字位置

代码：

写字位置

代码：

写字位置

代码：

写字位置

代码：

写字位置

代码：

http://s14/middle/6723f54bga0c963a9ea5d&690

闪光字一，height=50表示高度。width=270 表示宽度。

写字位置

代码：

彩色字体色彩绚丽

代码：

http://s14/middle/6723f54bga0c963a9ea5d&690

抛射字体

(480px，前的数字为600时为全屏。#FF9999，可以改变背景颜色，#FF0000，可以改变字体颜色。60，可以改变背景长短。7，可以改变整个字的大小)

写字位置

代码：

http://s14/middle/6723f54bga0c963a9ea5d&690

漂亮的特效字（40pt，可以改变字体大小。#FCF3F4，可以改变背景颜色）三颜色

闪光的字一

写字位置

代码：

闪光的字二

写字位置

代码：

闪光字三

游侠谢谢您光临指导！

代码：

<DIV class=articleContent id=articleBody>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center bgColor=#000000>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 48pt" face=方正姚体 color=#336699><B>游侠谢谢您光临指导！</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

闪光字四

WIDTH: 783px表示宽度。 HEIGHT: 114px表示高度。

写字位置

代码：

说明：

1，<P align=center>居中的意思。 2，color=#ff0000表示字的颜色。

3，14pt和size=4表示字的大小。 4，<P和</P>、<TABLE和</TABLE>、<DIV和</DIV>等之间为一个单元.

http://s14/middle/6723f54bga0c963a9ea5d&690

投影字体投影字体

代码：

</FONT><BR>
<P align=center></P>
<P align=center><FONT style="FILTER: blur(add=1, direction=45,strength=7); WIDTH: 450px; FONT-SIZE: 40px; FONT-WEIGHT: bolder" color=#000099>投影字体</FONT></CAPTION> <BR></CAPTION></P>

彩色字体色彩绚丽

代码：

</FONT><BR>
<P align=center><STRONG><FONT size=6><FONT face=华文新魏><FONT color=#ff0000>彩 </FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>体</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff> 绚</FONT><FONT color=#ff00ff>丽</FONT></FONT></FONT></STRONG></P>

阴影字体

代码：

</FONT><BR>
<P align=center><FONT style="FILTER: shadow(color=333366); LINE-HEIGHT: 150%; WIDTH: 631px; FONT-FAMILY: 华文新宋; HEIGHT: 51px; COLOR: #3333ff; FONT-SIZE: 30pt"></P>
<P align=center>阴影字体</P></FONT>

围边字体体字边围

代码：

</FONT><BR>
<P align=center></P><FONT style="FILTER: glow(color=gray,strength=5); LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文行楷; COLOR: red; FONT-SIZE: 30pt">
<P align=center><B>围边字体体字边围</B></P></FONT>

抛射字体一

代码：

<DIV align=center>
<DIV style="FILTER: shadow(color=#FF9999, strength=30); WIDTH: 480px; HEIGHT: 121px"><FONT color=#ff0000 size=7 face=华文彩云><B>
<CENTER>抛射字体一</B></CENTER></FONT>
<DIV align=left><BR><BR></DIV></DIV></DIV>
<P align=left></P>

抛射字体二

代码：

<DIV align=center>
<DIV style="FILTER: shadow(color=#00FFff, strength=40); WIDTH: 750px; HEIGHT: 100px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal">
<P style="TEXT-JUSTIFY: inter-ideograph; STRNEBLOG-NEBLOG-NEBLOG-NEBLOG-NEBLOG-NEBLOG-NEBLOGNEBLOG-ON: justify" align=center><FONT color=#ff00ff><FONT align="center"><FONT face=楷体_GB2312>抛射字体二</FONT></FONT> </FONT></P></FONT></DIV></DIV>

抛射字体三

代码：

<DIV align=center><BR>
<DIV style="FILTER: shadow(color=#c299ff, strength=40); WIDTH: 480px"><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt; FONT-WEIGHT: normal" color=#fff000 face=华文彩云>抛射字体三</FONT> </DIV></DIV>

抛射字体四

代码：

<DIV style="FILTER: shadow(color=#87CEFA, strength=40); WIDTH: 499px; HEIGHT: 89px; FONT-SIZE: 40pt"><FONT color=#1e90ff face=隶书>
<CENTER><B>抛射字体四</B></FONT></CENTER></DIV>

抛射字体五

代码：

<DIV style="FILTER: shadow(color=green, strength=60); WIDTH: 480px; FONT-SIZE: 40pt"><FONT color=#b5a642 face=华文彩云>
<CENTER>抛射字体五</CENTER></FONT></DIV>

彩虹字体

代码：

倒影字体！倒影字体！

代码：

</FONT><BR>
<P align=center><FONT style="LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文新魏; COLOR: blue; FONT-SIZE: 30pt"><B><EM>倒影字体！</EM></B></FONT><FONT style="FILTER: FlipV; LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文新魏; COLOR: blue; FONT-SIZE: 30pt"><B><EM>倒影字体！</EM></B></FONT></P>

带背景的闪光字体

代码：

<P align=center><BR>
<TABLE cellSpacing=0 cellPadding=0 background=http://i10.tinypic.com/35d91lf.gif align=center>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE width=500 background=http://i19.tinypic.com/47myoee.jpg align=center height=120>
<TBODY>
<TR>
<TD align=middle><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-WEIGHT: normal" color=#336699 size=7 face=华文行楷><B>带背景的闪光字体</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

http://s8/middle/6723f54bgbc84738caad7&690 滚动文字特效代码大全

http://s8/middle/6723f54bgbc84738caad7&690 各种彩色字体及代码

http://s8/middle/6723f54bgbc84738caad7&690 多种彩色闪字样式及代码

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report

前一篇：图片中文字竖排右移效果

后一篇：制作文字边框的一种简单方法

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