分享

【文章字体美化代码大全】

 月下闲人 2008-11-25
【文章字体美化代码大全】

<font style="text-decoration:line-through">刪除線</font>
刪除線

<FONT style="BACKGROUND-COLOR: #ffddff">加上背景色</FONT>
加上背景色

<font style="filter:FlipH;height:10pt;">左右翻转效果</font>
左右翻转效果

<font style="filter:FlipV ;height:10pt;">上下翻转效果</font>
上下翻转效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#4A7AC9,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0080,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF8000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#008080,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#0000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#8000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#000000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
 发光文字效果

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果  </FONT>投射阴影文字效果  

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF0000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果   </FONT>
投射阴影文字效果  

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF0080,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果   </FONT>
投射阴影文字效果  

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF8000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果   </FONT>
投射阴影文字效果  

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#008080,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果   </FONT>
投射阴影文字效果  

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#0000FF,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果   </FONT>
投射阴影文字效果  

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#8000FF,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果   </FONT>
投射阴影文字效果  

<FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#000000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果   </FONT>
投射阴影文字效果  

<font style="FILTER:Dropshadow(color=#cccccc,offX=3,offY=3); height=1px">阴影文字效果</font>
阴影文字效果

/P>

<DIV style="WIDTH: 80px; HEIGHT: 19px; BACKGROUND-COLOR: #cccccc"><FONT style="FILTER: Dropshadow(color=#FFFFFF,offX=1,offY=1); HEIGHT: 15pt" color=#000000> 雕刻文字效果</FONT></DIV>

 雕刻文字效果

<DIV style="FONT-SIZE: 14pt; FILTER: Wave(freq=17,strength=3,lightstrength=1,phase=0); WIDTH: 125px; LINE-HEIGHT: 15pt; FONT-FAMILY: Verdana; HEIGHT: 20px" align=left>
<FONT color=#ff8000><STRONG><B>扭曲文字效果</B></STRONG></FONT></DIV>

扭曲文字效果

字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。

【代码】

<DIV style="BORDER: 1px solid; WIDTH: 377px;">
 <P style="FONT-SIZE: 12px; LINE-HEIGHT:16px; padding-left:5px;">
 <SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 25px; FLOAT: left; COLOR: #f60; LINE-HEIGHT: 32px;">首</SPAN>字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。
 </P>
</DIV>
 

 

更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例

【代码】

<DIV>
<DIV><FONT face=楷体_GB2312 size=2><FONT size=5>更</FONT>更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例更改字体 效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示例更改字体效果为楷体示 例</FONT></DIV>
 

 
送一个滚动图片BLOG边框效果
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-155); BORDER-LEFT: medium none; WIDTH: 228px; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-580); HEIGHT: 265px; TEXT-ALIGN: center">
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV>
<P align=center><SPAN style="FONT-SIZE: 13px">
<MARQUEE direction=up width=120 height=600>
<DIV align=center><IMG src="http://lady.qq.com/star_images/hanyise/1s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images/hancaiying/6s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images1/jiatengmingrimei/7s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images1/liumingrixiang/16s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images/songdao/9s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images1/wengengying/10s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images/yuejuanchunmeixiang/2s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images1/youxiang/9s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images/liuyifei/7s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images/liuyifei/6s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images1/lanqin/10s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images/yuna/11s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images/jinsuoyan/6s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images/jinnanzhu/4s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images1/jiatengmingrimei/7s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images1/liumingrixiang/16s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images/songdao/9s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images1/wengengying/10s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images/yuejuanchunmeixiang/2s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images1/youxiang/9s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images/liuyifei/7s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images/liuyifei/6s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images1/lanqin/10s.jpg"></DIV>
<DIV align=center><IMG src="http://lady.qq.com/star_images/yuna/11s.jpg"></DIV>
<DIV align=center><IMG src="http://mat1.qq.com/lady/star_images1/yeyiqian/10s.jpg"></DIV>
<DIV align=center><IMG src="http://mat1.qq.com/lady/star_images1/yangxue/1s.jpg"></DIV></MARQUEE></SPAN><FONT color=#00cc00 size=7>   </FONT><FONT color=#00cc00 size=6></FONT><FONT color=#00cc00 size=7></FONT></P></DIV></TD></TR></TBODY></TABLE></DIV>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多