邓吾佳的个性小屋

小屋陋而不俗，实而不浮，取之有法，学之有章。

日志

关于我

邓吾佳

我是一盏路灯,我的最亮是为他人更明。

文章分类

文字样式代码大全

2010-07-28 07:11:39| 分类：博客制作 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自吉祥如意《文字样式代码大全》

引用

吉祥如意的文字样式代码大全

一、带删除线

代码

<font style="text-decoration: line-through">输入你想写的字</font>

试例效果：

带删除线

二、文字顶部加横线

代码

<font style="text-decoration:overline">输入你想写的字</font>

试例效果：

顶部加横线

三、带边框字

代码

<font style="border-color: #999999; border-style: groove;" color=#267db2>输入你想写的字</font>

试例效果：

带边框字

四、带背景颜色字

代码

<font style="background-color: #cccccc">输入你想写的字</font>

试例效果：

带背景颜色文字

五、带背景图片字

代码

<table background="网络图片地址"><td>输入你想写的字</td></table>

试例效果：

带背景图片文字

六、图片嵌入文字

代码

<table cellSpacing=0 cellPadding=0 align=center background="网络图片地址" border=0><tbody><tr><td style="filter: chroma(color=#267db2"><table bgColor=#ffffff><tbody><tr>
<td align=middle><font style="font-size: 24pt" face=隶书 color=#267db2><b>输入你想写的字</b></font></td></tr></tbody></table></td></tr>
</tbody></table>

试例效果：

图片嵌入文字

七、倒帖文字

代码

<table style="filter: fliph(color=green)"><font color=#267db2 size=7>输入你想写的字</font></table>

试例效果：

倒帖文字

八、翻转文字

代码

<table style="filter: flipv(color= red)"><font color=267db2 size=7>输入你想写的字</font></table>

试例效果：

翻转文字

九、文字倒影

代码

<table><font face=华文新魏 color=000000 size=7><b>输入你想写的字</b></font> </table><table style="filter: flipv"><font face=华文新魏 color=#666666 size=7><b><en>输入你想写的字</en></b></font></table>

试例效果：

文字倒影

文字倒影

十、首字下沉

代码

<div style="font-size: 12px; line-height: 14px"><span style="font-size: 24px; line-height: 28px; float: left;"><b>输</b></span>入你想写的字</div>

试例效果：

            首字下沉

十一、文字竖排

代码

<div style="font-size: 9pt; writing-mode: tb-rl; text-align: left"><p>输入你想写的字</P></div>

试例效果：

文字竖排

十二、扭曲字

代码

<div style="display: block; font-size: 60pt; filter: progid:DXImageTransform.Microsoft.wave(Strength=3); width: 100%; color: navy; font-family: impact; height: 1px"><P align=center>输入你想写的字</P></div>

试例效果：

扭曲字

十三、波纹字

代码

<div style="display: block; filter: progid:DXImageTransform.Microsoft.wave(Strength=3,freq=5); font: 60pt impact; width: 100%; color: #333333; height: 1px"><P align=center>输入你想写的字</P></div>

试例效果：

波纹字

十四、波浪字

代码

<span style="display: block; font-size: 60pt; filter: wave(add=t,freq=6,lightstrength=5,phase=0,strength=6); color: darkblue; height: 1px; text-align: center">输入你想写的字</span>

试例效果：

波浪字

十五、雕塑凹字

代码

<div style="font-size: 60pt; filter: progid:DXImageTransform.Microsoft.engrave(bias=0.5); font-family: impact; height: 1px; background-color: red"><P align=center>输入你想写的字</P></div>

试例效果：

雕塑凹字

十六、雕塑凸字

代码

<div style="font-size: 60pt; filter: progid:DXImageTransform.Microsoft.emboss(bias=0.5); font-family: impact; height: 1px; background-color: red"><P align=center>输入你想写的字</P></div>

试例效果：

雕塑凸字

十七、重叠字

代码

<div style="font-size: 48pt; filter: dropshadow(color=maroon,positive=1); height: 1px" align=center>输入你想写的字</div>

试例效果：

重叠字

十八、发光字

代码

<table style="filter: glow(color=#00ccff,direction=3)"><font face=幼园 color=00ffff size=7 >输入你想写的字</font>

试例效果：

发光字

十九、毛绒字

代码

<span style="display: block; font-size: 60pt; filter: glow(color=red,strength=15); color: gold; height: 32px; text-align: center">输入你想写的字</span>

试例效果：

毛    绒    字

二十、投影字

代码

<div style="font-size: 60pt; filter: shadow(color=ff00ff, strength=10); width: 580px"><font face=华文彩云 color=#ffffff>输入你想写的字</font></div>

试例效果：

投影字

二十一、长尾投影字

代码

<div style="display: red; font-size: 60pt; filter: progid:DXImageTransform.Microsoft.motionblur(strength=80,add=1,direction=10); color: #33ff99; height: 1px"><P align=center>输入你想写的字</P></div>

试例效果：

长尾投影字

二十二、阴影字

代码

<TABLE style="FILTER: dropshadow(color=#cccccc, offx=4, offy=4, positive=2)；"><FONT color=#cc00ff size=7><B>输入你想写的字<B></B></B></FONT>

试例效果：

阴影字

二十三、浮雕字

代码

<table style="filter: dropshadow(color=#00CC99, offx=3, offy=3, positive=1)；"><font size=7 face=黑体 color=#00ff99 >输入你想写的字</font></table>

试例效果：

浮雕字

二十四、抛射字

代码

<div style="filter: shadow(color=#3300ff , strength=60); width: 410px; height: 100px"><font face=华文彩云 color=#33ffff size=7><b>输入你想写的字</b></font></div>

试例效果：

    抛  射  字

二十五、描边中空抛射字

代码

<div style="filter: shadow(color=#FF9900, strength=10); width: 520px"><font style="font-weight: normal; font-size: 50pt; line-height: normal; font-style: normal; font-variant: normal" face=华文彩云 color=#ffff00>输入你想写的字</font></div>

试例效果：

描边中空抛射字

二十六、七色彩字

代码

<font size=7 face=华文新魏><font color=#ff0000>输</font><font color=#0000ff>入</font><font color=#00ff00>你</font><font color=#00ffff>想</font><font color=#9900cc>写</font><font color=#ff9900>的</font><font color=#ff00ff>字</font>

试例效果：

多颜色七彩文字

二十七、七彩渐变闪字

代码

<P style="font-size: 12px; text-iindent: 2em; line-height: 14px"></P><table style="width: 500px; height: 140px" align=center background="网络图片地址" border=0><tbody><tr><td style="filter: mask(color=#000000)" align=middle><P><font style="font-size: 38pt" face=华文行楷 color=#336699 size=3><b></b></font> </P><P><font style="font-size: 60pt" face=华文行楷 color=#336699><b>输入你想写的字</b></font></P><P><strong><font face=华文行楷 color=#336699 size=3></font></strong> </P></td></tr>

试例效果：

七彩渐变闪字

二十八、遮罩彩字

代码

<div style="z-index: 2; left: 570px; width: 360px; top: 50px; height: 50px"><center><marquee direction=right><marquee><div style="font-size: 22pt; width: 100%; color: #00ff99; height: 50px"><p><font size=7>输入你想写的字</font></p></div></marquee></marquee></center>

试例效果：

   遮罩彩字

附  注

各主要参数的分析：
    color=设置颜色代码。
    size=设置字体大小代码。
    font-size:设置字体大小代码。
    font-family:设置字体代码。
    direction设置发光、阴影等对象的角度
    positive设置浮雕、阴影等对象的强度。
    border-color:设置边框颜色。
    border-style: 设置边框的样式。
    top:设置偏移属性。
    z-index:设置层叠定位属性。
    offx和offy设置浮雕、阴影、文字等对象
                   在X-Y方向的距离。

本文由网易博客"0ne"原创，分享请保留“引用”或注明出处！建议查看4原文3。

评论这张

转发至微博

阅读(281)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_081065080085086070080086085095086095082071082080086065',
              blogTitle:'文字样式代码大全',
              blogAbstract:'<P\> </P\>\r\n<P\><EM\>引用</EM\></P\>\r\n<BLOCKQUOTE\><A href=\"http://zy.39426.blog.163.com/\" target=_blank\>吉祥如意</A\> 的 <A href=\"http://zy.39426.blog.163.com/blog/static/13129503020106271056865\" target=_blank\>文字样式代码大全</A\><BR\>\r\n<P\> <BR\>\r\n<TABLE title=http://china_0ne.blog.163.com cellSpacing=0 cellPadding=0 width=\"100%\" align=center background=\"\" border=0\>\r\n<TBODY\>\r\n<TR\>\r\n<TD width=\"100%\" bgColor=#ffffff height=\"100%\"\>\r\n<TABLE title=http://china_0ne.blog.163.com height=5 cellSpacing=0 cellPadding=0 width=580 align=center background=\"\" border=0\>\r\n<TBODY\>\r\n<TR bgColor=#ffffff\>\r\n<TD vAlign=top width=580 height=2\>\r\n<TABLE title=http://china_0ne.blog.163.com cellSpacing=0 cellPadding=0 width=\"100%\" background=\"\" border=0\>\r\n<TBODY\>\r\n<TR\>\r\n<TD width=580 height=30\></TD\></TR\></TBODY\></TABLE\></TD\></TR\>\r\n</TABLE\></TD\></TR\></TABLE\></P\></BLOCKQUOTE\>',
              blogTag:'',
              blogUrl:'blog/static/29346602201062871139216',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1280272299216,
              permalink:'blog/static/29346602201062871139216',
              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:true,
              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/29346602201062871139216">${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 - 订阅此博客

邓吾佳的个性小屋

导航

日志

文字样式代码大全

历史上的今天

最近读者

热度

评论

页脚