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

.

 
 
 

日志

 
 

博客常用代码--文字类  

2008-11-10 14:00:04|  分类: 雪梅大课堂 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

博客常用代码--文字类

一.文字基本设置

效果:  

插入文字

代码:

<p align="center"><font face="楷体_GB2312" size="6" color="#FF00FF">插入文字</font>

说明:

align=center 表示字体居中,可选值为居右(right)居左(left

 color=颜色代码 

 face=字体 常用字体为:宋体.黑体.楷体.仿宋.新宋体.细明体等

 size=字体大小,这里的最大值为7 取值越大文字就越大

 

二.大体文字设置

效果:

插入文字

代码:

<font style=font:40pt face="楷体_GB2312" color="#FF00FF">插入文字</font>

说明:

font:40pt 数值越大文字就越大

三.移动文字设置

例一:

效果:

 

文字由右往左走

代码:

<marquee direction=left scrollamount=5><font face="楷体_GB2312" size="6" color="#FF00FF"> 文字由右往左走</font></marquee>

说明:

<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee> 

移动方向 
direction=left 从右向左移
direction=right 从左向右移
direction=down 从上向下移
direction=up 从下向上移

 

例二:

效果:

文字从左向右移!!

 

代码:

<marquee direction=right scrollAmount=2>
<font face="楷体_GB2312" size="6" color="#FF00FF">
文字从左向右移!!</font></marquee>

例三:

效果:

文字来回走 

 

代码:

<marquee behavior=alternate><font face="楷体_GB2312" size="6" color="#FF00FF">文字来回走</marquee>

说明:

behavior=scroll 一圈一圈绕着走 
behavior=slide 只走一次 
behavior=alternate 来回走

移动方向 <direction=#>
速度 <scrollamount=#> 
方式 <bihavior=#>     
循环 <loop=#>         
延时 <scrolldelay=#>

 

例四:

效果:

停停走走的文字 

代码:

<marquee scrolldelay=500 scrollamount=100><font face="楷体_GB2312" size="6" color="#FF00FF">停停走走的文字</marquee> 

例五:

效果:

文字从下向上移!!!

代码:

<marquee direction=up scrollAmount=2><font face="楷体_GB2312" size="6" color="#FF00FF">

<CENTER>文字从下向上移!!!</CENTER></font></marquee>

 

例六:

效果:

文字从上向下移!!!
 

 

代码:

<marquee direction=up scrollAmount=2><font face="楷体_GB2312" size="6" color="#FF00FF">

<CENTER>文字从上向下移!!!</CENTER></font></marquee>

 

例七:

效果:

文字上下移动

代码:

<MARQUEE scrollAmount=5 direction=up behavior=alternate height=60>
<center>
<font face="楷体_GB2312" size="6" color="#FF00FF">文字上下移动</center></marquee> 

四.文字特效:

效果一:






代码:

<DIV style="FONT-SIZE: 60pt; FILTER: shadow(color=green, strength=100); WIDTH: 480px"><FONT face=华文彩云 color=#fff000>
<CENTER>幸<BR>福<BR>快<BR>乐<BR><BR></CENTER></FONT></DIV>

效果二:

效果:

 

代码:

<DIV align=center>
<DIV style="FILTER: shadow(color=#c299ff, strength=60); WIDTH: 500px">
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>
顶</FONT></DIV></DIV>

效果三:

效果:

 

幸福快乐

代码:

<CENTER><div style="FONT-SIZE: 80pt; FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 600px; HEIGHT: 89px"><FONT face=隶书 color=#1e90ff>
<CENTER><B>幸福快乐</B></FONT></CENTER></div> 

效果四:

效果:

乐快心开您祝梅雪冰

代码:

<DIV style="FILTER: glow(color=#00ff00 strength=19); WIDTH: 100%; COLOR:"#00ff00"><MARQUEE style="WIDTH: 400px; HEIGHT: 100px" scrollAmount=2 direction=right height=200><FONT color=#ff00ff><FONT style="FONT-SIZE: 56pt; FONT-FAMILY: 华文新魏" color=#ffff66><B>乐快心开您祝梅雪冰</b></font></font></marquee>

 

效果五:

效果:

冰雪梅欢迎您
冰雪梅欢迎您
 

 

代码:<CENTER>
<MARQUEE direction=down height=60 scrollAmount=2>
<CENTER><FONT color=#ff0000 face=隶书 size=7><B>冰雪梅欢迎您</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE direction=up height=60 scrollAmount=2>
<CENTER><FONT color=#ff0000 face=隶书 size=7><B>冰雪梅欢迎您</FONT></CENTER></B></MARQUEE></CENTER>

编辑:冰雪梅

  评论这张
 
阅读(1023)| 评论(16)
推荐 转载

历史上的今天

评论

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

页脚

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