教程首页 ┆ 免费教程 ┆ 问题咨询 ┆ 常用软件 ┆ 成功之路 ┆ 游戏攻略┆ 乱七八糟┆ 新闻资讯 ┆ 男女明星图片┆ 2008最伤感音乐情歌

JW112.com - 电脑教程

电脑教程 CF 游戏攻略 赤壁 穿越火线
投递文章  投稿指南 推荐文章 ┆ 热门文章 ┆ 最新文章
搜索: 您的位置：教程首页 > 博客设计 > 新浪博客 > 教程列表

文章字体美化

作者：本站  来源：qq空间  发布时间：2008-5-27 11:30:18
减小字体 增大字体

<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>
阴影文字效果

 

<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>
       

  • · 文字和图片如何排版的代码
  • · 文章字体美化
  • · 如何添加显示来访者IP地址的面板
  • · 隐藏新浪博客任意一些部分~~~计数器，...
  • · 个人首页定制音乐播放器



    •             [] [返回上一页] [打 印]
    Tags：{$Tags}  
    虚位
  • 上一篇：如何在博客中发布视频
  • 下一篇：无限制上传图片的方法
    • 100分 85分 70分 55分 40分 25分 10分 0分

            用户名： ！ 验证码： 验证码,看不清楚?请点击刷新验证码 (注“！”为必填内容。)

    教程评论： [ 查看全部 ] 网友评论
    推荐文章
    相关文章
    关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - Sitemap -
    电脑教程  饮食健康   美容美发  麻将教程   两性健康  游戏攻略   娱乐八卦  asp教程   JSP教程  PHP教程   SEO技巧  网络赚钱   搞笑视频
    本站所有教程软件仅供学习及娱乐用途 如做其他用途本站概不负责 崇尚互联共享 欢迎转载我们的原创作品，转载请注明出处。
    Copyright © 2008-2010 JW112.CoM 免费电脑教程 Not All Rights Reserved
    违法不良信息举报中心 粤ICP备07036673号