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

情感在线的博客

 
 
 

日志

 
 

【转载】字体样式种类  

2014-06-30 12:08:56|  分类: 电脑网络知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自博海小舟《字体样式种类》
一.空心字:(典例)

博海小舟

空心字


闪动空心字


代码1:     <TABLE style="WIDTH: 300px; HEIGHT: 100px" cellSpacing=0 cellPadding=0 align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center>
<MARQUEE style="FILTER: glow(color=#E4DC9B, strength=10); WIDTH: 300px" scrollAmount=1 behavior=alternate align="middle">
<DIV align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 75pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#ffffff>空心字</FONT></DIV></MARQUEE></P></TD></TR></TBODY></TABLE>

 代码2:

<P align=center><BR>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbsimg.qq.com/2005/08/20/006/981.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center background="">
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#336699><B>闪动空心字</B></FONT> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR>

 

 

二.左阴影字:(典例) 
 

博海小舟
左阴影字

代码:
<TABLE align=center bgColor=#bbbbbb border=0>
<TBODY>
<TR>
<TD align=middle>
<DIV style="FILTER: shadow    (color=#000000, strength=20); WIDTH: 300px; HEIGHT: 1px"><FONT face=华文彩云 color=#ffff00 size=80><B>左阴影字</B></FONT></DIV></TD></TR></TBODY></TABLE>

 

 

三.右阴影字:(典例) 



博海小舟

右阴影的字

代码:
<CENTER>
<DIV style="FONT-SIZE: 52pt; FILTER: dropshadow(color=dddddd, offx=4, offy=4, positive=0); WIDTH: 350px; COLOR: yellow; FONT-FAMILY: Arial; POSITION: relative">右阴影的字</DIV><BR></CENTER></TD></TR></TBODY></TABLE>

 

 

四.扭曲字:(典例) 

 

博海小舟
扭曲字

代码:
<TABLE style="WIDTH: 500px; HEIGHT: 1px" cellSpacing=0 cellPadding=0 align=center bgColor=#009999 border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE style="FILTER: wave(add=0,lightstrength=180,strength=8,freq=2,phrase=60); WIDTH: 300px" scrollAmount=0 behavior=alternate align="middle">
<DIV><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 75pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#ffff00>扭曲字</FONT> </DIV></MARQUEE></TD></TR></TBODY></TABLE>

 

五.折线字:(典例) 

 

 

博海小舟
折线字

代码: <TABLE style="WIDTH: 500px; HEIGHT: 1px" cellSpacing=0 cellPadding=0 align=center bgColor=#dddddd border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE style="FILTER: wave(add=0,lightstrength=100,strength=6,freq=80,phrase=1); WIDTH: 300px" scrollAmount=0 behavior=alternate align="middle">
<DIV><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 75pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#ff0000>折线字</FONT>
</DIV></MARQUEE></TD></TR></TBODY></TABLE>


六.日志美术字:(典例) 


 





博海小舟



日志美术字






日志美术字

代码1:
<TABLE style="WIDTH: 500px; HEIGHT: 200px" cellSpacing=0 cellPadding=0 align=center bgColor=#660000 border=1>
<TBODY>
<TR>
<TD align=middle><BR><BR><BR>
<DIV style="FILTER: glow(color=#c299ff, strength=80); WIDTH: 500px; HEIGHT: 160px"><FONT face=隶书 color=#8a2be2 size=12><B><BR>日志美术字</FONT></B> </DIV><BR></TD></TR></TBODY></TABLE>

 代码2:

 <DIV align=center> <DIV style="FONT-SIZE: 50pt; FILTER: shadow(color=black,direction=535); WIDTH: 100%; COLOR: white; HEIGHT: 100px">日志美术字</DIV></DIV>

七.金边字:(典例) 

 


博海小舟

金边字

代码:
<TABLE style="WIDTH: 200px; HEIGHT: 1px" cellSpacing=0 cellPadding=0 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD align=middle>
<DIV style="FILTER: glow(color=#E4DC9B, strength=5); WIDTH: 500px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 68pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#e31c1b>金边字 </FONT></DIV><BR></TD></TR></TBODY></TABLE>

 

 

八.立体字:(典例) 


 

 



博 海 小 舟


立 体 字


代码:  <TABLE style="WIDTH: 200px; HEIGHT: 1px" cellSpacing=0 cellPadding=0 align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD align=middle><BR><BR>
<MARQUEE style="FILTER: shadow(color=#ffff00, strength=18); WIDTH: 300px" scrollAmount=0 behavior=alternate DIV><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ffff66>立 体 字</FONT> <BR>
<DIV></DIV><BR></MARQUEE><BR></TD></TR></TBODY></TABLE>

 

 

 

九.变色字:(典例) 

 

博 海 小 舟


变 色 字
字体样式种类 - 博海小舟 - 博 海 小 舟字体样式种类 - 博海小舟 - 博 海 小 舟
变色字


代码1:    <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: 50pt" face=华文行楷 color=#336699><B>变 色 字</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


 

代码2:

<DIV align=center>
<DIV style="WIDTH: 560px; HEIGHT: 70px"><STRONG><IMG height=1 src="http://blog.163.com/http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_14_4?1115913833.gif" width=372 align=right><IMG style="WIDTH: 557px; HEIGHT: 70px" height=70 src="http://blog.163.com/http://kr.img.blog.yahoo.com/ybi/1/63/8e/gene7299/folder/3/img_3_14_9?1115913832.gif" width=560 align=right> </STRONG>
<DIV align=center>
<DIV style="FONT-SIZE: 60px; FILTER: Chroma(color=#FCFBFA); FLOAT: left; WIDTH: 560px; HEIGHT: 70px; BACKGROUND-COLOR: #000000" align=center>
<DIV align=center><FONT color=#fcfbfa><STRONG>变色字</STRONG></FONT></DIV></DIV></DIV></DIV></DIV>

 

 

十.反向字:(典例) 

 

反向字
字向反


 

    代码:    <TABLE align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD align=middle>
<DIV style="WIDTH: 500px; HEIGHT: 100px"><FONT face=华文彩云 color=#ffff00 size=100><B>反向字</B></FONT></DIV></TD></TR></TBODY></TABLE>
<TABLE align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD align=middle>
<DIV style="FILTER: fliph; WIDTH: 500px; HEIGHT: 100px"><FONT face=华文彩云 color=#ffff00 size=100><B>字向反</B></FONT></DIV></TD></TR></TBODY></TABLE>

 

 

十一.颠倒字:(典例) 









代码:   <TABLE align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD align=middle>
<DIV style="WIDTH: 50px; HEIGHT: 100px"><FONT face=华文彩云 color=#ffff00 size=200><B>上<BR>下<BR>颠<BR>倒 </B></FONT></DIV></TD></TR></TBODY></TABLE><BR>
<TABLE align=center bgColor=#000000 border=0>
<TBODY>
<TR>
<TD align=middle>
<DIV style="FILTER: flipv; WIDTH: 50px; HEIGHT: 100px"><FONT face=华文彩云 color=#ffff00 size=200><B>上<BR>下<BR>颠<BR>倒</B> </FONT></DIV></TD></TR></TBODY></TABLE>

 

 

十二.水中倒影字:(典例) 

 


水中倒影
水中倒影


代码:  <TABLE align=center bgColor=#99ffff border=0>
<TBODY>
<TR>
<TD align=middle><BR>
<DIV style="WIDTH: 500px; HEIGHT: 100px"><FONT face=华文彩云 color=#ffff00 size=200><B>水中倒影</B></FONT></DIV></TD></TR>
<TR>
<TD align=middle>
<DIV style="FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 500px; HEIGHT: 100px"><FONT face=华文彩云 color=#ffff00 size=200><B>水中倒影</B> </FONT></DIV></TD></TR></TBODY></TABLE>


  评论这张
 
阅读(2)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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