锦江星苑----欢迎您

您的到来使我感到荣幸，和您相遇是我们的缘！

日志

关于我

锦江星苑

文章分类

一些漂亮的字体及代码 1

2007-08-10 14:41:41| 分类：博客知识 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

一些漂亮的字体及代

1、彩色字体色彩绚丽

</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>

彩色字体色彩绚丽

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

阴影字体

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

围边字体体字边围

4、投影字体

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

投影字体投影字体

5、抛射字体

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

抛射字体

6、带背景的闪光字体（背景图片可以换）
<P align=center><BR>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://616bbs.vicp.net/picture/yn/hexiang/st4.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center background=http://lanxinzhu.nease.net/wangye/beijin/x1.jpg>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_gb2312 color=#336699><B>带背景的闪光字体（背景图片可以换）</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

带背景的闪光字体（背景图片可以换）

7、向上移动的文字

</font><br><P align=center>
<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=up>
<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向上移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

向上移动的文字

8、向下移动的文字

<P align=center>
<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=down>
<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向下移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

向下移动的文字

9、向左移动的文字

<P align=center>
<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8>
<P align=center><FONT face=隶书 color=#ff0000 size=5><B>向左移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

向左移动的文字

10、向右移动的文字

<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=right>
<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向右移动的文字</B></FONT></P></MARQUEE></P>

向右移动的文字

11、由中间向两边移动的文字和图像
<P align=center> </P>
<P align=center><FONT face=华文彩云 color=#ee110e size=5>
<MARQUEE width=200 height=50><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="" >由中间向两边移动的文字和图像 </FONT></MARQUEE><FONT face=华文彩云 color=#ee110e size=5><FONT face=华文彩云 color=#ee1111 size=5>
<MARQUEE direction=right width=200 height=50>由中间向两边移动的文字和图像<IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="" ></FONT></MARQUEE></FONT></FONT></P></FONT>

由中间向两边移动的文字和图像由中间向两边移动的文字和图像

12、来回走动的文字
</font><br>
<P align=center> </P>
<P align=center>
<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>
<DIV align=center>
<MARQUEE scrollAmount=8 behavior=alternate ?WIDTH: 397px; HEIGHT: 200px?>
<P align=center><FONT face=隶书 color=#ff0000 size=6><B>来回走动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

来回走动的文字

13、波浪式的文字
</font><br><P align=center> </P>
<MARQUEE scrollAmount=5 direction=up behavior=alternate height=150>
<DIV align=center>
<MARQUEE scrollAmount=3 behavior=altrnate width=460 <IMG src="">
<DIV align=center><FONT face=隶书 color=red size=7>波浪式的文字</FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>

波浪式的文字

14、左右运动的文字
</font><br><DIV align=center>
<MARQUEE direction=right width=250 height=50>
<DIV align=center> <FONT face=隶书 color=#ff0000 size=7>左右运动的文字</FONT></DIV></MARQUEE></DIV>
<DIV align=center>
<MARQUEE width=250 height=50>
<DIV align=center><FONT face=隶书 color=#ff0000 size=7>左右运动的文字</FONT></DIV></MARQUEE></DIV>

左右运动的文字

左右运动的文字

15、其实倒影字就这么简单！

</font><br><P align=center><FONT style="FONT-SIZE: 30pt; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><EM>其实倒影字就这么简单！</EM></B></FONT><FONT style="FONT-SIZE: 30pt; FILTER: FlipV; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><EM>其实倒影字就这么简单！</EM></B></FONT></P>

其实倒影字就这么简单！其实倒影字就这么简单！

16、原地跳动的文字

<DIV></DIV></B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>原</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>地</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>动</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>

原地跳动文字
17、交替跳跃的文字

<DIV></DIV></B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>交</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>替</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>跃</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>

交替跳跃文字

评论这张

转发至微博

阅读(229)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_095069082095081075093095074064084095082064085081080',
              blogTitle:'一些漂亮的字体及代码  1',
              blogAbstract:'<P\><EM\></EM\> </P\>\r\n<BLOCKQUOTE\><BR\>\r\n<TABLE borderColor=#008000 cellSpacing=1 cellPadding=1 width=634 bgColor=#ffffff border=1\>\r\n<TBODY\>\r\n<TR\>\r\n<TD width=\"5%\"\>\r\n<P\> </P\></TD\></TR\>\r\n<TR\>\r\n<TD width=\"5%\"\>\r\n<P\> </P\>\r\n<P\>\r\n<TABLE borderColor=#ffcccc cellSpacing=20 width=567 align=center borderColorLight=#ffe4e1 background=http://www.fjsnow.com/bbs/UploadFile/2004-5/200452315847287.gif border=20\><FONT size=2\></FONT\>\r\n<TBODY\><FONT size=2\></FONT\>\r\n<TR\><FONT size=2\></FONT\>\r\n<TD width=\"100%\"\>\r\n<CENTER\>\r\n<DIV align=center\>\r\n<P\><FONT size=2\>\r\n<P align=center\><FONT color=#00008b\><FONT size=7\>一些漂亮的字体及代</FONT\></FONT\></P\>\r\n<P align=center\><FONT color=#00008b\><FONT size=7\><FONT size=3\>1、彩色字体色彩绚丽</FONT\></FONT\></FONT\></P\>\r\n<P align=center\><FONT color=#00008b\><FONT size=3\></font><br></FONT\></FONT\></P\></FONT\></P\></DIV\></CENTER\></TD\></TR\></TABLE\></P\></TD\></TR\></TABLE\></BLOCKQUOTE\>',
              blogTag:'',
              blogUrl:'blog/static/30933176200771024141237',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1240373967184,
              publishTime:1186728101237,
              permalink:'blog/static/30933176200771024141237',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/30933176200771024141237">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

锦江星苑----欢迎您

导航

日志

一些漂亮的字体及代码 1

历史上的今天

最近读者

热度

评论

页脚