加载中…
个人资料
慕容星沉
慕容星沉
  • 博客等级:
  • 博客积分:0
  • 博客访问:547,073
  • 关注人气:3
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

文章字体美化

(2006-05-11 23:40:45)

<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>投射阴影文字效果&nbsp;&nbsp;</FONT>投射阴影文字效果  

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

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

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

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

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

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

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

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

<DIV style="WIDTH: 80px; HEIGHT: 19px; BACKGROUND-COLOR: #cccccc"><FONT style="FILTER: Dropshadow(color=#FFFFFF,offX=1,offY=1); HEIGHT: 15pt" color=#000000>&nbsp;雕刻文字效果</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_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-155); BORDER-LEFT: medium none; WIDTH: 228px; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(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>&nbsp;&nbsp; </FONT><FONT color=#00cc00 size=6></FONT><FONT color=#00cc00 size=7></FONT></P></DIV></TD></TR></TBODY></TABLE></DIV>

 

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有