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

走近太平洋

感悟生命真谛

 
 
 

日志

 
 

【引用】 文字样式代码大全  

2011-08-19 07:27:52|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自风轻云淡《 文字样式代码大全》

 

引用

0ne0ne文字样式代码大全
一、带删除线

 代码 

<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>&nbsp;</P><P><font style="font-size: 60pt" face=华文行楷 color=#336699><b>输入你想写的字</b></font></P><P><strong><font face=华文行楷 color=#336699 size=3></font></strong>&nbsp;</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
  评论这张
 
阅读(35)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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